@snack-uikit/drawer 0.11.5 → 0.11.6-preview-92d6fde1.0

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

@@ -25,8 +25,10 @@ export type DrawerCustomProps = WithSupportProps<PropsWithChildren<{
     container?: string | HTMLElement;
     /** Вложенный Drawer */
     nestedDrawer?: ReactElement<DrawerCustomProps>;
+    /** Закрывать дровер при перемещении по истории браузера */
+    closeOnPopstate?: boolean;
 }>>;
-export declare function DrawerCustom({ open, mode, position, onClose, rootClassName, className, size, push, container, children, nestedDrawer, ...rest }: DrawerCustomProps): import("react/jsx-runtime").JSX.Element;
+export declare function DrawerCustom({ open, mode, position, onClose, rootClassName, className, size, push, container, children, nestedDrawer, closeOnPopstate, ...rest }: DrawerCustomProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DrawerCustom {
     type HeaderProps = DrawerHeaderProps;
     type BodyProps = DrawerBodyProps;

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

@@ -38,11 +38,13 @@ function DrawerCustom(_a) {
       push,
       container,
       children,
-      nestedDrawer
+      nestedDrawer,
+      closeOnPopstate
     } = _a,
-    rest = __rest(_a, ["open", "mode", "position", "onClose", "rootClassName", "className", "size", "push", "container", "children", "nestedDrawer"]);
+    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.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.d.ts

@@ -25,8 +25,10 @@ export type DrawerCustomProps = WithSupportProps<PropsWithChildren<{
     container?: string | HTMLElement;
     /** Вложенный Drawer */
     nestedDrawer?: ReactElement<DrawerCustomProps>;
+    /** Закрывать дровер при перемещении по истории браузера */
+    closeOnPopstate?: boolean;
 }>>;
-export declare function DrawerCustom({ open, mode, position, onClose, rootClassName, className, size, push, container, children, nestedDrawer, ...rest }: DrawerCustomProps): import("react/jsx-runtime").JSX.Element;
+export declare function DrawerCustom({ open, mode, position, onClose, rootClassName, className, size, push, container, children, nestedDrawer, closeOnPopstate, ...rest }: DrawerCustomProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DrawerCustom {
     type HeaderProps = DrawerHeaderProps;
     type BodyProps = DrawerBodyProps;

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

@@ -13,15 +13,16 @@ 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 } 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';
 import styles from './styles.module.css';
 export function DrawerCustom(_a) {
-    var { open, mode = MODE.Regular, position = POSITION.Right, onClose, rootClassName, className, size = SIZE.S, push, container, children, nestedDrawer } = _a, rest = __rest(_a, ["open", "mode", "position", "onClose", "rootClassName", "className", "size", "push", "container", "children", "nestedDrawer"]);
+    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);
+    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.11.5",
+  "version": "0.11.6-preview-92d6fde1.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,15 +36,15 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.19.11",
-    "@snack-uikit/icons": "0.27.0",
-    "@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-preview-92d6fde1.0",
+    "@snack-uikit/icons": "0.27.1-preview-92d6fde1.0",
+    "@snack-uikit/scroll": "0.10.2-preview-92d6fde1.0",
+    "@snack-uikit/tooltip": "0.17.6-preview-92d6fde1.0",
+    "@snack-uikit/truncate-string": "0.6.23-preview-92d6fde1.0",
+    "@snack-uikit/typography": "0.8.8-preview-92d6fde1.0",
+    "@snack-uikit/utils": "3.8.3-preview-92d6fde1.0",
     "classnames": "2.5.1",
     "rc-drawer": "6.4.1"
   },
-  "gitHead": "2bb3c9e0c3ff3a3c0af4aec92b62bee5ab387456"
+  "gitHead": "b69eea8eab30c5cf2d251a9985c6310aac3192b8"
 }

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, WithSupportProps } from '@snack-uikit/utils';
+import { extractSupportProps, usePopstateSubscription, WithSupportProps } from '@snack-uikit/utils';
 
 import { MODE, POSITION, SIZE, SIZE_AS_VALUES } from '../../constants';
 import {
@@ -42,6 +42,8 @@ export type DrawerCustomProps = WithSupportProps<
     container?: string | HTMLElement;
     /** Вложенный Drawer */
     nestedDrawer?: ReactElement<DrawerCustomProps>;
+    /** Закрывать дровер при перемещении по истории браузера */
+    closeOnPopstate?: boolean;
   }>
 >;
 
@@ -57,11 +59,14 @@ export function DrawerCustom({
   container,
   children,
   nestedDrawer,
+  closeOnPopstate,
   ...rest
 }: DrawerCustomProps) {
   const isRegular = mode === MODE.Regular;
   const isPredefinedSize = typeof size === 'string' && SIZE_AS_VALUES.includes(size);
 
+  usePopstateSubscription(() => open && onClose(), Boolean(closeOnPopstate));
+
   return (
     <RcDrawer
       mask={isRegular}