@dr.pogodin/react-utils 1.41.10 → 1.41.11

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

@@ -1,16 +1,17 @@
-import { type ReactNode } from 'react';
+import { type CSSProperties, type FunctionComponent, type ReactNode } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
 type PropsT = {
     cancelOnScrolling?: boolean;
     children?: ReactNode;
     dontDisableScrolling?: boolean;
     onCancel?: () => void;
-    style?: React.CSSProperties;
+    overlayStyle?: CSSProperties;
+    style?: CSSProperties;
     testId?: string;
     testIdForOverlay?: string;
     theme: Theme<'container' | 'overlay'>;
     /** @deprecated */
-    containerStyle?: React.CSSProperties;
+    containerStyle?: CSSProperties;
 };
 /**
  * The `<Modal>` component implements a simple themeable modal window, wrapped
@@ -23,7 +24,7 @@ type PropsT = {
  * modal.
  * @param {ModalTheme} [props.theme] _Ad hoc_ theme.
  */
-declare const BaseModal: React.FunctionComponent<PropsT>;
+declare const BaseModal: FunctionComponent<PropsT>;
 declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropsT>;
 export default _default;
 export { BaseModal };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.41.10",
+  "version": "1.41.11",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -17,7 +17,7 @@
     "@jest/environment": "^29.7.0",
     "axios": "^1.7.9",
     "commander": "^13.1.0",
-    "compression": "^1.7.5",
+    "compression": "^1.8.0",
     "config": "^3.3.12",
     "cookie": "^1.0.2",
     "cookie-parser": "^1.4.7",
@@ -35,7 +35,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-helmet-async": "^2.0.5",
-    "react-router": "^7.1.3",
+    "react-router": "^7.1.5",
     "request-ip": "^3.3.0",
     "rimraf": "^6.0.0",
     "serialize-javascript": "^6.0.2",
@@ -47,12 +47,12 @@
   "description": "Collection of generic ReactJS components and utils",
   "devDependencies": {
     "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.7",
-    "@babel/eslint-parser": "^7.26.5",
+    "@babel/core": "^7.26.8",
+    "@babel/eslint-parser": "^7.26.8",
     "@babel/eslint-plugin": "^7.25.9",
     "@babel/node": "^7.26.0",
-    "@babel/plugin-transform-runtime": "^7.25.9",
-    "@babel/preset-env": "^7.26.7",
+    "@babel/plugin-transform-runtime": "^7.26.8",
+    "@babel/preset-env": "^7.26.8",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@babel/register": "^7.25.9",
@@ -104,14 +104,14 @@
     "mini-css-extract-plugin": "^2.9.2",
     "mockdate": "^3.0.5",
     "nodelist-foreach-polyfill": "^1.2.0",
-    "postcss": "^8.5.1",
+    "postcss": "^8.5.2",
     "postcss-loader": "^8.1.1",
     "postcss-scss": "^4.0.9",
     "pretty": "^2.0.0",
     "react-refresh": "^0.16.0",
     "regenerator-runtime": "^0.14.1",
     "resolve-url-loader": "^5.0.0",
-    "sass": "^1.83.4",
+    "sass": "^1.84.0",
     "sass-loader": "^16.0.4",
     "sitemap": "^8.0.0",
     "source-map-loader": "^5.0.0",
@@ -122,7 +122,7 @@
     "tstyche": "^3.5.0",
     "typed-scss-modules": "^8.1.1",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.22.0",
+    "typescript-eslint": "^8.24.0",
     "webpack": "^5.97.1",
     "webpack-dev-middleware": "^7.4.2",
     "webpack-hot-middleware": "^2.26.1",

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

@@ -1,6 +1,6 @@
-/* global document */
-
 import {
+  type CSSProperties,
+  type FunctionComponent,
   type ReactNode,
   useEffect,
   useMemo,
@@ -19,13 +19,14 @@ type PropsT = {
   children?: ReactNode;
   dontDisableScrolling?: boolean;
   onCancel?: () => void;
-  style?: React.CSSProperties;
+  overlayStyle?: CSSProperties;
+  style?: CSSProperties;
   testId?: string;
   testIdForOverlay?: string;
   theme: Theme<'container' | 'overlay'>;
 
   /** @deprecated */
-  containerStyle?: React.CSSProperties;
+  containerStyle?: CSSProperties;
 };
 
 /**
@@ -39,12 +40,13 @@ type PropsT = {
  * modal.
  * @param {ModalTheme} [props.theme] _Ad hoc_ theme.
  */
-const BaseModal: React.FunctionComponent<PropsT> = ({
+const BaseModal: FunctionComponent<PropsT> = ({
   cancelOnScrolling,
   children,
   containerStyle,
   dontDisableScrolling,
   onCancel,
+  overlayStyle,
   style,
   testId,
   testIdForOverlay,
@@ -99,9 +101,8 @@ const BaseModal: React.FunctionComponent<PropsT> = ({
         }
         overlayRef.current?.focus();
       }}
-      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
       tabIndex={0}
-      /* eslint-enable jsx-a11y/no-noninteractive-tabindex */
     />
   ), []);
 
@@ -135,6 +136,7 @@ const BaseModal: React.FunctionComponent<PropsT> = ({
             }
           }}
           role="button"
+          style={overlayStyle}
           tabIndex={0}
         />
         {