@snack-uikit/modal 0.16.6 → 0.17.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.17.0 (2025-07-07)
+
+
+### Features
+
+* **PDS-2556:** add closeOnPopstate prop ([7f56996](https://github.com/cloud-ru-tech/snack-uikit/commit/7f5699646fd3c3eee2c00bd0c0d4dc94ccc019f8))
+
+
+
+
+
 ## 0.16.6 (2025-06-27)
 
 ### Only dependencies have been changed

package/dist/cjs/components/ModalCustom/ModalCustom.d.ts

@@ -24,8 +24,10 @@ export type ModalCustomProps = WithSupportProps<{
     className?: string;
     /** Контент */
     children: ReactNode;
+    /** Закрывать при переходе по истории браузера */
+    closeOnPopstate?: boolean;
 }>;
-export declare function ModalCustom({ open, onClose, size, mode, children, className, ...rest }: ModalCustomProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ModalCustom({ open, onClose, size, mode, children, className, closeOnPopstate, ...rest }: ModalCustomProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace ModalCustom {
     type HeaderProps = ModalHeaderProps;
     type BodyProps = ModalBodyProps;

package/dist/cjs/components/ModalCustom/ModalCustom.js

@@ -32,9 +32,10 @@ function ModalCustom(_a) {
       size = constants_1.SIZE.S,
       mode = constants_1.MODE.Regular,
       children,
-      className
+      className,
+      closeOnPopstate
     } = _a,
-    rest = __rest(_a, ["open", "onClose", "size", "mode", "children", "className"]);
+    rest = __rest(_a, ["open", "onClose", "size", "mode", "children", "className", "closeOnPopstate"]);
   const handleCloseButtonClick = () => {
     onClose();
   };
@@ -43,6 +44,7 @@ function ModalCustom(_a) {
       onClose();
     }
   };
+  (0, utils_1.usePopstateSubscription)(() => open && onClose(), Boolean(closeOnPopstate));
   if (!open) {
     return null;
   }

package/dist/esm/components/ModalCustom/ModalCustom.d.ts

@@ -24,8 +24,10 @@ export type ModalCustomProps = WithSupportProps<{
     className?: string;
     /** Контент */
     children: ReactNode;
+    /** Закрывать при переходе по истории браузера */
+    closeOnPopstate?: boolean;
 }>;
-export declare function ModalCustom({ open, onClose, size, mode, children, className, ...rest }: ModalCustomProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ModalCustom({ open, onClose, size, mode, children, className, closeOnPopstate, ...rest }: ModalCustomProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace ModalCustom {
     type HeaderProps = ModalHeaderProps;
     type BodyProps = ModalBodyProps;

package/dist/esm/components/ModalCustom/ModalCustom.js

@@ -12,13 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
 import RCModal from 'react-modal';
-import { isBrowser } from '@snack-uikit/utils';
+import { isBrowser, usePopstateSubscription } from '@snack-uikit/utils';
 import { MODE, SIZE } from '../../constants';
 import { ButtonClose, ModalBody, ModalFooter, ModalHeader, OverlayElement, } from '../../helperComponents';
 import styles from './styles.module.css';
 import { getDataTestAttributes } from './utils';
 export function ModalCustom(_a) {
-    var { open, onClose, size = SIZE.S, mode = MODE.Regular, children, className } = _a, rest = __rest(_a, ["open", "onClose", "size", "mode", "children", "className"]);
+    var { open, onClose, size = SIZE.S, mode = MODE.Regular, children, className, closeOnPopstate } = _a, rest = __rest(_a, ["open", "onClose", "size", "mode", "children", "className", "closeOnPopstate"]);
     const handleCloseButtonClick = () => {
         onClose();
     };
@@ -27,6 +27,7 @@ export function ModalCustom(_a) {
             onClose();
         }
     };
+    usePopstateSubscription(() => open && onClose(), Boolean(closeOnPopstate));
     if (!open) {
         return null;
     }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Modal",
-  "version": "0.16.6",
+  "version": "0.17.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,20 +36,20 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.19.11",
-    "@snack-uikit/icon-predefined": "0.7.6",
-    "@snack-uikit/icons": "0.27.0",
-    "@snack-uikit/link": "0.17.4",
-    "@snack-uikit/scroll": "0.10.1",
-    "@snack-uikit/tooltip": "0.17.5",
-    "@snack-uikit/truncate-string": "0.6.22",
-    "@snack-uikit/typography": "0.8.7",
-    "@snack-uikit/utils": "3.8.2",
+    "@snack-uikit/button": "0.19.12",
+    "@snack-uikit/icon-predefined": "0.7.7",
+    "@snack-uikit/icons": "0.27.1",
+    "@snack-uikit/link": "0.17.5",
+    "@snack-uikit/scroll": "0.10.2",
+    "@snack-uikit/tooltip": "0.18.0",
+    "@snack-uikit/truncate-string": "0.6.23",
+    "@snack-uikit/typography": "0.8.8",
+    "@snack-uikit/utils": "3.9.0",
     "classnames": "2.5.1",
     "react-modal": "3.16.1"
   },
   "devDependencies": {
     "@types/react-modal": "3.16.0"
   },
-  "gitHead": "2bb3c9e0c3ff3a3c0af4aec92b62bee5ab387456"
+  "gitHead": "9e08a5c61a90e739f44ba128242a95d866452dc0"
 }

package/src/components/ModalCustom/ModalCustom.tsx

@@ -2,7 +2,7 @@ import cn from 'classnames';
 import { ReactNode } from 'react';
 import RCModal from 'react-modal';
 
-import { isBrowser, WithSupportProps } from '@snack-uikit/utils';
+import { isBrowser, usePopstateSubscription, WithSupportProps } from '@snack-uikit/utils';
 
 import { MODE, SIZE } from '../../constants';
 import {
@@ -41,6 +41,8 @@ export type ModalCustomProps = WithSupportProps<{
   className?: string;
   /** Контент */
   children: ReactNode;
+  /** Закрывать при переходе по истории браузера */
+  closeOnPopstate?: boolean;
 }>;
 
 export function ModalCustom({
@@ -50,6 +52,7 @@ export function ModalCustom({
   mode = MODE.Regular,
   children,
   className,
+  closeOnPopstate,
   ...rest
 }: ModalCustomProps) {
   const handleCloseButtonClick = () => {
@@ -62,6 +65,8 @@ export function ModalCustom({
     }
   };
 
+  usePopstateSubscription(() => open && onClose(), Boolean(closeOnPopstate));
+
   if (!open) {
     return null;
   }