@snack-uikit/drawer 0.12.1-preview-09106514.0 → 0.12.2

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.12.2 (2025-07-10)
+
+### Only dependencies have been changed
+* [@snack-uikit/icons@0.27.2](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/icons/CHANGELOG.md)
+* [@snack-uikit/tooltip@0.18.1](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/tooltip/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.6.24](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
+## 0.12.1 (2025-07-10)
+
+### Only dependencies have been changed
+* [@snack-uikit/button@0.19.13](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/button/CHANGELOG.md)
+
+
+
+
+
 # 0.12.0 (2025-07-07)
 
 

package/dist/cjs/components/DrawerCustom/DrawerCustom.js

@@ -44,9 +44,7 @@ function DrawerCustom(_a) {
     rest = __rest(_a, ["open", "mode", "position", "onClose", "rootClassName", "className", "size", "push", "container", "children", "nestedDrawer", "closeOnPopstate"]);
   const isRegular = mode === constants_1.MODE.Regular;
   const isPredefinedSize = typeof size === 'string' && constants_1.SIZE_AS_VALUES.includes(size);
-  (0, utils_1.useModalOpenState)(open, onClose, {
-    closeOnPopstate
-  });
+  (0, utils_1.usePopstateSubscription)(() => open && onClose(), Boolean(closeOnPopstate));
   return (0, jsx_runtime_1.jsxs)(rc_drawer_1.default, Object.assign({
     mask: isRegular,
     maskClosable: isRegular,

package/dist/esm/components/DrawerCustom/DrawerCustom.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import 'rc-drawer/assets/index.css';
 import cn from 'classnames';
 import RcDrawer from 'rc-drawer';
-import { extractSupportProps, useModalOpenState } from '@snack-uikit/utils';
+import { extractSupportProps, usePopstateSubscription } from '@snack-uikit/utils';
 import { MODE, POSITION, SIZE, SIZE_AS_VALUES } from '../../constants';
 import { ButtonClose, DrawerBody, DrawerFooter, DrawerHeader, } from '../../helperComponents';
 import { motionProps } from './constants';
@@ -22,7 +22,7 @@ export function DrawerCustom(_a) {
     var { open, mode = MODE.Regular, position = POSITION.Right, onClose, rootClassName, className, size = SIZE.S, push, container, children, nestedDrawer, closeOnPopstate } = _a, rest = __rest(_a, ["open", "mode", "position", "onClose", "rootClassName", "className", "size", "push", "container", "children", "nestedDrawer", "closeOnPopstate"]);
     const isRegular = mode === MODE.Regular;
     const isPredefinedSize = typeof size === 'string' && SIZE_AS_VALUES.includes(size);
-    useModalOpenState(open, onClose, { closeOnPopstate });
+    usePopstateSubscription(() => open && onClose(), Boolean(closeOnPopstate));
     return (_jsxs(RcDrawer, Object.assign({ mask: isRegular, maskClosable: isRegular, maskClassName: styles.mask, keyboard: isRegular, width: isPredefinedSize ? 'null' : size, open: open, placement: position, destroyOnClose: true, push: push, onClose: onClose, getContainer: container, className: cn(styles.drawer, className), rootClassName: cn(styles.drawerRoot, rootClassName) }, extractSupportProps(rest), { "data-content-wrapper": true, "data-size": isPredefinedSize ? size : undefined, "data-mode": mode }, motionProps, { children: [_jsx("div", { className: styles.headerElements, children: _jsx(ButtonClose, { onClick: onClose }) }), children, nestedDrawer] })));
 }
 (function (DrawerCustom) {

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Drawer",
-  "version": "0.12.1-preview-09106514.0",
+  "version": "0.12.2",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,15 +36,15 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.19.13-preview-09106514.0",
-    "@snack-uikit/icons": "0.27.2-preview-09106514.0",
-    "@snack-uikit/scroll": "0.10.3-preview-09106514.0",
-    "@snack-uikit/tooltip": "0.18.1-preview-09106514.0",
-    "@snack-uikit/truncate-string": "0.6.24-preview-09106514.0",
-    "@snack-uikit/typography": "0.8.9-preview-09106514.0",
-    "@snack-uikit/utils": "3.9.1-preview-09106514.0",
+    "@snack-uikit/button": "0.19.13",
+    "@snack-uikit/icons": "0.27.2",
+    "@snack-uikit/scroll": "0.10.2",
+    "@snack-uikit/tooltip": "0.18.1",
+    "@snack-uikit/truncate-string": "0.6.24",
+    "@snack-uikit/typography": "0.8.8",
+    "@snack-uikit/utils": "3.9.0",
     "classnames": "2.5.1",
     "rc-drawer": "6.4.1"
   },
-  "gitHead": "46d1e0103764bd1f5a509559a0c3f169d66151f7"
+  "gitHead": "293270ac61bb2fb3ae324a2261b93f0a918dd5d1"
 }

package/src/components/DrawerCustom/DrawerCustom.tsx

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import RcDrawer, { DrawerProps as RcDrawerProps } from 'rc-drawer';
 import { PropsWithChildren, ReactElement } from 'react';
 
-import { extractSupportProps, useModalOpenState, WithSupportProps } from '@snack-uikit/utils';
+import { extractSupportProps, usePopstateSubscription, WithSupportProps } from '@snack-uikit/utils';
 
 import { MODE, POSITION, SIZE, SIZE_AS_VALUES } from '../../constants';
 import {
@@ -65,7 +65,7 @@ export function DrawerCustom({
   const isRegular = mode === MODE.Regular;
   const isPredefinedSize = typeof size === 'string' && SIZE_AS_VALUES.includes(size);
 
-  useModalOpenState(open, onClose, { closeOnPopstate });
+  usePopstateSubscription(() => open && onClose(), Boolean(closeOnPopstate));
 
   return (
     <RcDrawer