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

package/README.md

@@ -23,6 +23,7 @@
 | push | `boolean \| PushConfig` | - | Смещение при открытии "вложенного" компонента |
 | container | `string \| HTMLElement` | - | Контейнер в котором будет рендерится Drawer. По-умолчанию - body |
 | nestedDrawer | `ReactElement<DrawerCustomProps, string \| JSXElementConstructor<any>>` | - | Вложенный Drawer |
+| closeOnPopstate | `boolean` | - | Закрывать дровер при перемещении по истории браузера |
 ## DrawerCustom.Header
 ### Props
 | name | type | default value | description |
@@ -58,6 +59,7 @@
 | className | `string` | - | CSS-класс для элемента с контентом |
 | rootClassName | `string` | - | CSS-класс для корневого элемента |
 | container | `string \| HTMLElement` | - | Контейнер в котором будет рендерится Drawer. По-умолчанию - body |
+| closeOnPopstate | `boolean` | - | Закрывать дровер при перемещении по истории браузера |
 | image | `{ src: string; alt: string; }` | - | Изображение |
 | titleTooltip | `ReactNode` | - | Тултип для заголовка |
 | subtitle | `string` | - | Подзаголовок |

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

@@ -44,7 +44,9 @@ 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.usePopstateSubscription)(() => open && onClose(), Boolean(closeOnPopstate));
+  (0, utils_1.useModalOpenState)(open, onClose, {
+    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, usePopstateSubscription } from '@snack-uikit/utils';
+import { extractSupportProps, useModalOpenState } 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);
-    usePopstateSubscription(() => open && onClose(), Boolean(closeOnPopstate));
+    useModalOpenState(open, onClose, { 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.0",
+  "version": "0.12.1-preview-09106514.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,15 +36,15 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.19.12",
-    "@snack-uikit/icons": "0.27.1",
-    "@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",
+    "@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",
     "classnames": "2.5.1",
     "rc-drawer": "6.4.1"
   },
-  "gitHead": "9e08a5c61a90e739f44ba128242a95d866452dc0"
+  "gitHead": "46d1e0103764bd1f5a509559a0c3f169d66151f7"
 }

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, usePopstateSubscription, WithSupportProps } from '@snack-uikit/utils';
+import { extractSupportProps, useModalOpenState, 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);
 
-  usePopstateSubscription(() => open && onClose(), Boolean(closeOnPopstate));
+  useModalOpenState(open, onClose, { closeOnPopstate });
 
   return (
     <RcDrawer