@vkontakte/vkui 6.0.2 → 6.1.0

package/dist/cjs/components/ModalCard/ModalCard.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
@@ -59,29 +60,31 @@ const ModalCard = (_param)=>{
         }), [
         id
     ]);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
         getRootRef: rootRef,
         tabIndex: -1,
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": contextValue.labelId,
         id: id,
-        baseClassName: (0, _vkjs.classNames)("vkuiModalCard", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isDesktop && "vkuiModalCard--desktop")
-    }), /*#__PURE__*/ _react.createElement(_ModalCardBase.ModalCardBase, {
-        className: "vkuiModalCard__in",
-        getRootRef: refs.innerElement,
-        icon: icon,
-        header: header,
-        headerComponent: headerComponent,
-        subheader: subheader,
-        subheaderComponent: subheaderComponent,
-        actions: actions,
-        onClose: onClose || modalContext.onClose,
-        size: size,
-        modalDismissButtonTestId: modalDismissButtonTestId,
-        dismissButtonMode: dismissButtonMode,
-        dismissLabel: dismissLabel
-    }, children));
+        baseClassName: (0, _vkjs.classNames)("vkuiModalCard", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isDesktop && "vkuiModalCard--desktop"),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalCardBase.ModalCardBase, {
+            className: "vkuiModalCard__in",
+            getRootRef: refs.innerElement,
+            icon: icon,
+            header: header,
+            headerComponent: headerComponent,
+            subheader: subheader,
+            subheaderComponent: subheaderComponent,
+            actions: actions,
+            onClose: onClose || modalContext.onClose,
+            size: size,
+            modalDismissButtonTestId: modalDismissButtonTestId,
+            dismissButtonMode: dismissButtonMode,
+            dismissLabel: dismissLabel,
+            children: children
+        })
+    }));
 };
 
 //# sourceMappingURL=ModalCard.js.map

package/dist/cjs/components/ModalCard/ModalCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ModalCard.module.css';\n\nconst platformClassNames = {\n  ios: styles['ModalCard--ios'],\n  android: styles['ModalCard--android'],\n  vkcom: styles['ModalCard--vkcom'],\n};\n\nexport interface ModalCardProps extends NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = ({\n  icon,\n  header,\n  headerComponent,\n  subheader,\n  subheaderComponent,\n  children,\n  actions,\n  onClose,\n  nav,\n  id,\n  size,\n  modalDismissButtonTestId,\n  getRootRef,\n  dismissButtonMode,\n  dismissLabel,\n  ...restProps\n}: ModalCardProps) => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'card');\n  const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootRef}\n      tabIndex={-1}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={contextValue.labelId}\n      id={id}\n      baseClassName={classNames(\n        styles['ModalCard'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isDesktop && styles['ModalCard--desktop'],\n      )}\n    >\n      <ModalCardBase\n        className={styles['ModalCard__in']}\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        headerComponent={headerComponent}\n        subheader={subheader}\n        subheaderComponent={subheaderComponent}\n        actions={actions}\n        onClose={onClose || modalContext.onClose}\n        size={size}\n        modalDismissButtonTestId={modalDismissButtonTestId}\n        dismissButtonMode={dismissButtonMode}\n        dismissLabel={dismissLabel}\n      >\n        {children}\n      </ModalCardBase>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCard","platformClassNames","ios","android","vkcom","warn","warnOnce","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","nav","id","size","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","restProps","isDesktop","useAdaptivityWithJSMediaQueries","platform","usePlatform","modalContext","React","useContext","ModalRootContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","hasOwnProperty","ModalCardBase","className","innerElement"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;iEAzBU;sBACI;iDACqB;8BACnB;6BACD;0BACS;0BACZ;+BACyB;kCACC;+BACrB;AAG9B,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAIA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,YAAY;QAAC,EACxBO,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,kBAAkB,EAClBC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,GAAG,EACHC,EAAE,EACFC,IAAI,EACJC,wBAAwB,EACxBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EAEG,WADZC;QAfHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAeC,OAAMC,UAAU,CAACC,kCAAgB;IACtD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAElB;QAAKC;IAAG,GAAGX,OAAO;IAC/D,MAAM6B,UAAUC,IAAAA,0BAAY,EAAChB,YAAYY,KAAKK,YAAY;IAE1D,MAAMC,eAAeT,OAAMU,OAAO,CAAC,IAAO,CAAA;YAAEC,SAAS,CAAC,EAAEvB,GAAG,MAAM,CAAC;QAAC,CAAA,GAAI;QAACA;KAAG;IAE3E,qBACE,qBAACwB,4BAAa,8CACRlB;QACJH,YAAYe;QACZO,UAAU,CAAC;QACXC,MAAK;QACLC,cAAW;QACXC,mBAAiBP,aAAaE,OAAO;QACrCvB,IAAIA;QACJ6B,eAAeC,IAAAA,gBAAU,mBAEvB7C,mBAAmB8C,cAAc,CAACtB,YAC9BxB,kBAAkB,CAACwB,SAAS,GAC5BxB,mBAAmBE,OAAO,EAC9BoB;sBAGF,qBAACyB,4BAAa;QACZC,SAAS;QACT9B,YAAYY,KAAKmB,YAAY;QAC7B3C,MAAMA;QACNC,QAAQA;QACRC,iBAAiBA;QACjBC,WAAWA;QACXC,oBAAoBA;QACpBE,SAASA;QACTC,SAASA,WAAWa,aAAab,OAAO;QACxCG,MAAMA;QACNC,0BAA0BA;QAC1BE,mBAAmBA;QACnBC,cAAcA;OAEbT;AAIT"}
+{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ModalCard.module.css';\n\nconst platformClassNames = {\n  ios: styles['ModalCard--ios'],\n  android: styles['ModalCard--android'],\n  vkcom: styles['ModalCard--vkcom'],\n};\n\nexport interface ModalCardProps extends NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = ({\n  icon,\n  header,\n  headerComponent,\n  subheader,\n  subheaderComponent,\n  children,\n  actions,\n  onClose,\n  nav,\n  id,\n  size,\n  modalDismissButtonTestId,\n  getRootRef,\n  dismissButtonMode,\n  dismissLabel,\n  ...restProps\n}: ModalCardProps) => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'card');\n  const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootRef}\n      tabIndex={-1}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={contextValue.labelId}\n      id={id}\n      baseClassName={classNames(\n        styles['ModalCard'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isDesktop && styles['ModalCard--desktop'],\n      )}\n    >\n      <ModalCardBase\n        className={styles['ModalCard__in']}\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        headerComponent={headerComponent}\n        subheader={subheader}\n        subheaderComponent={subheaderComponent}\n        actions={actions}\n        onClose={onClose || modalContext.onClose}\n        size={size}\n        modalDismissButtonTestId={modalDismissButtonTestId}\n        dismissButtonMode={dismissButtonMode}\n        dismissLabel={dismissLabel}\n      >\n        {children}\n      </ModalCardBase>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCard","platformClassNames","ios","android","vkcom","warn","warnOnce","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","nav","id","size","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","restProps","isDesktop","useAdaptivityWithJSMediaQueries","platform","usePlatform","modalContext","React","useContext","ModalRootContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","hasOwnProperty","ModalCardBase","className","innerElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;;iEAzBU;sBACI;iDACqB;8BACnB;6BACD;0BACS;0BACZ;+BACyB;kCACC;+BACrB;AAG9B,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAIA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,YAAY;QAAC,EACxBO,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,kBAAkB,EAClBC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,GAAG,EACHC,EAAE,EACFC,IAAI,EACJC,wBAAwB,EACxBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EAEG,WADZC;QAfHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAeC,OAAMC,UAAU,CAACC,kCAAgB;IACtD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAElB;QAAKC;IAAG,GAAGX,OAAO;IAC/D,MAAM6B,UAAUC,IAAAA,0BAAY,EAAChB,YAAYY,KAAKK,YAAY;IAE1D,MAAMC,eAAeT,OAAMU,OAAO,CAAC,IAAO,CAAA;YAAEC,SAAS,CAAC,EAAEvB,GAAG,MAAM,CAAC;QAAC,CAAA,GAAI;QAACA;KAAG;IAE3E,qBACE,qBAACwB,4BAAa,8CACRlB;QACJH,YAAYe;QACZO,UAAU,CAAC;QACXC,MAAK;QACLC,cAAW;QACXC,mBAAiBP,aAAaE,OAAO;QACrCvB,IAAIA;QACJ6B,eAAeC,IAAAA,gBAAU,mBAEvB7C,mBAAmB8C,cAAc,CAACtB,YAC9BxB,kBAAkB,CAACwB,SAAS,GAC5BxB,mBAAmBE,OAAO,EAC9BoB;kBAGF,cAAA,qBAACyB,4BAAa;YACZC,SAAS;YACT9B,YAAYY,KAAKmB,YAAY;YAC7B3C,MAAMA;YACNC,QAAQA;YACRC,iBAAiBA;YACjBC,WAAWA;YACXC,oBAAoBA;YACpBE,SAASA;YACTC,SAASA,WAAWa,aAAab,OAAO;YACxCG,MAAMA;YACNC,0BAA0BA;YAC1BE,mBAAmBA;YACnBC,cAAcA;sBAEbT;;;AAIT"}

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

@@ -44,13 +44,23 @@ export interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivEle
     modalDismissButtonTestId?: string;
     /**
      * Расположение кнопки закрытия (внутри и вне `popout'a`)
+     *
      * Доступно только в `compact`-режиме
+     *
      * На `iOS` в `regular`-режиме всегда включен `inside`
+     *
+     * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте
+     */
+    dismissButtonMode?: 'inside' | 'outside' | 'none';
+    /**
+     * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)
+     *
+     * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте
      */
-    dismissButtonMode?: 'inside' | 'outside';
+    preventClose?: boolean;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalCardBase
  */
-export declare const ModalCardBase: ({ icon, header, headerComponent, subheader, subheaderComponent, children, actions, onClose, dismissLabel, style, size: sizeProp, modalDismissButtonTestId, dismissButtonMode, ...restProps }: ModalCardBaseProps) => React.JSX.Element;
+export declare const ModalCardBase: ({ icon, header, headerComponent, subheader, subheaderComponent, children, actions, onClose, dismissLabel, style, size: sizeProp, modalDismissButtonTestId, dismissButtonMode, preventClose, ...restProps }: ModalCardBaseProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ModalCardBase.d.ts.map

package/dist/cjs/components/ModalCardBase/ModalCardBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCardBase.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AASxD,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACnF;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,kBAAkB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC1C;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,iMAevB,kBAAkB,sBAiEpB,CAAC"}
+{"version":3,"file":"ModalCardBase.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AASxD,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACnF;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,kBAAkB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAClD;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,+MAgBvB,kBAAkB,4CAqEpB,CAAC"}

package/dist/cjs/components/ModalCardBase/ModalCardBase.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
@@ -24,7 +25,7 @@ const _Subhead = require("../Typography/Subhead/Subhead");
 const _Title = require("../Typography/Title/Title");
 const _ModalCardBaseCloseButton = require("./ModalCardBaseCloseButton");
 const ModalCardBase = (_param)=>{
-    var { icon, header, headerComponent = 'span', subheader, subheaderComponent = 'span', children, actions, onClose, dismissLabel = 'Скрыть', style, size: sizeProp, modalDismissButtonTestId, dismissButtonMode = 'outside' } = _param, restProps = _object_without_properties._(_param, [
+    var { icon, header, headerComponent = 'span', subheader, subheaderComponent = 'span', children, actions, onClose, dismissLabel = 'Скрыть', style, size: sizeProp, modalDismissButtonTestId, dismissButtonMode = 'outside', preventClose } = _param, restProps = _object_without_properties._(_param, [
         "icon",
         "header",
         "headerComponent",
@@ -37,45 +38,62 @@ const ModalCardBase = (_param)=>{
         "style",
         "size",
         "modalDismissButtonTestId",
-        "dismissButtonMode"
+        "dismissButtonMode",
+        "preventClose"
     ]);
     const platform = (0, _usePlatform.usePlatform)();
     const { isDesktop } = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)();
     const isSoftwareKeyboardOpened = (0, _useKeyboard.useKeyboard)().isOpened;
     const size = isDesktop ? sizeProp : undefined;
-    const withSafeZone = !icon && (dismissButtonMode === 'inside' || platform === 'ios' && !isDesktop);
+    const withSafeZone = !icon && (dismissButtonMode === 'inside' || platform === 'ios' && !isDesktop && dismissButtonMode !== 'none');
     const hasHeader = (0, _vkjs.hasReactNode)(header);
     const hasSubheader = (0, _vkjs.hasReactNode)(subheader);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
         baseClassName: (0, _vkjs.classNames)('vkuiInternalModalCardBase', platform === 'ios' && "vkuiModalCardBase--ios", isDesktop && "vkuiModalCardBase--desktop", withSafeZone && "vkuiModalCardBase--withSafeZone"),
         style: _object_spread_props._(_object_spread._({}, style), {
             maxWidth: size
+        }),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: (0, _vkjs.classNames)("vkuiModalCardBase__container", isSoftwareKeyboardOpened && "vkuiModalCardBase__container--softwareKeyboardOpened"),
+            children: [
+                (0, _vkjs.hasReactNode)(icon) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "vkuiModalCardBase__icon",
+                    children: icon
+                }),
+                (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Title.Title, {
+                    level: "2",
+                    weight: "2",
+                    className: "vkuiModalCardBase__header",
+                    Component: headerComponent,
+                    children: header
+                }),
+                hasHeader && hasSubheader && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spacing.Spacing, {
+                    size: 8
+                }),
+                hasSubheader && /*#__PURE__*/ (0, _jsxruntime.jsx)(_AdaptivityContext.AdaptivityContext.Provider, {
+                    value: {
+                        sizeY: 'regular'
+                    },
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Subhead.Subhead, {
+                        className: "vkuiModalCardBase__subheader",
+                        Component: subheaderComponent,
+                        children: subheader
+                    })
+                }),
+                children,
+                (0, _vkjs.hasReactNode)(actions) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "vkuiModalCardBase__actions",
+                    children: actions
+                }),
+                dismissButtonMode !== 'none' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalCardBaseCloseButton.ModalCardBaseCloseButton, {
+                    testId: modalDismissButtonTestId,
+                    onClose: onClose,
+                    mode: dismissButtonMode,
+                    children: dismissLabel
+                })
+            ]
         })
-    }), /*#__PURE__*/ _react.createElement("div", {
-        className: (0, _vkjs.classNames)("vkuiModalCardBase__container", isSoftwareKeyboardOpened && "vkuiModalCardBase__container--softwareKeyboardOpened")
-    }, (0, _vkjs.hasReactNode)(icon) && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiModalCardBase__icon"
-    }, icon), (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(_Title.Title, {
-        level: "2",
-        weight: "2",
-        className: "vkuiModalCardBase__header",
-        Component: headerComponent
-    }, header), hasHeader && hasSubheader && /*#__PURE__*/ _react.createElement(_Spacing.Spacing, {
-        size: 8
-    }), hasSubheader && /*#__PURE__*/ _react.createElement(_AdaptivityContext.AdaptivityContext.Provider, {
-        value: {
-            sizeY: 'regular'
-        }
-    }, /*#__PURE__*/ _react.createElement(_Subhead.Subhead, {
-        className: "vkuiModalCardBase__subheader",
-        Component: subheaderComponent
-    }, subheader)), children, (0, _vkjs.hasReactNode)(actions) && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiModalCardBase__actions"
-    }, actions), /*#__PURE__*/ _react.createElement(_ModalCardBaseCloseButton.ModalCardBaseCloseButton, {
-        testId: modalDismissButtonTestId,
-        onClose: onClose,
-        mode: dismissButtonMode
-    }, dismissLabel)));
+    }));
 };
 
 //# sourceMappingURL=ModalCardBase.js.map

package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AdaptivityContext } from '../AdaptivityProvider/AdaptivityContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport { ModalCardBaseCloseButton } from './ModalCardBaseCloseButton';\nimport styles from './ModalCardBase.module.css';\n\nexport interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n  /* Позволяет поменять тег используемый для заголовка */\n  headerComponent?: React.ElementType;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n  /* Позволяет поменять тег используемый для подзаголовка */\n  subheaderComponent?: React.ElementType;\n\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `size=\"l\" mode=\"primary\" stretched`\n   * - `size=\"l\" mode=\"secondary\" stretched`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `gap=\"s\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`\n   */\n  actions?: React.ReactNode;\n\n  onClose?: VoidFunction;\n\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n   */\n  dismissLabel?: string;\n\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: number;\n\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  modalDismissButtonTestId?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   * Доступно только в `compact`-режиме\n   * На `iOS` в `regular`-режиме всегда включен `inside`\n   */\n  dismissButtonMode?: 'inside' | 'outside';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = ({\n  icon,\n  header,\n  headerComponent = 'span',\n  subheader,\n  subheaderComponent = 'span',\n  children,\n  actions,\n  onClose,\n  dismissLabel = 'Скрыть',\n  style,\n  size: sizeProp,\n  modalDismissButtonTestId,\n  dismissButtonMode = 'outside',\n  ...restProps\n}: ModalCardBaseProps) => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const size = isDesktop ? sizeProp : undefined;\n  const withSafeZone =\n    !icon && (dismissButtonMode === 'inside' || (platform === 'ios' && !isDesktop));\n\n  const hasHeader = hasReactNode(header);\n  const hasSubheader = hasReactNode(subheader);\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        'vkuiInternalModalCardBase',\n        platform === 'ios' && styles['ModalCardBase--ios'],\n        isDesktop && styles['ModalCardBase--desktop'],\n        withSafeZone && styles['ModalCardBase--withSafeZone'],\n      )}\n      style={{\n        ...style,\n        maxWidth: size,\n      }}\n    >\n      <div\n        className={classNames(\n          styles['ModalCardBase__container'],\n          isSoftwareKeyboardOpened && styles['ModalCardBase__container--softwareKeyboardOpened'],\n        )}\n      >\n        {hasReactNode(icon) && <div className={styles['ModalCardBase__icon']}>{icon}</div>}\n        {hasReactNode(header) && (\n          <Title\n            level=\"2\"\n            weight=\"2\"\n            className={styles['ModalCardBase__header']}\n            Component={headerComponent}\n          >\n            {header}\n          </Title>\n        )}\n        {hasHeader && hasSubheader && <Spacing size={8} />}\n        {hasSubheader && (\n          <AdaptivityContext.Provider value={{ sizeY: 'regular' }}>\n            <Subhead className={styles['ModalCardBase__subheader']} Component={subheaderComponent}>\n              {subheader}\n            </Subhead>\n          </AdaptivityContext.Provider>\n        )}\n\n        {children}\n\n        {hasReactNode(actions) && <div className={styles['ModalCardBase__actions']}>{actions}</div>}\n\n        <ModalCardBaseCloseButton\n          testId={modalDismissButtonTestId}\n          onClose={onClose}\n          mode={dismissButtonMode}\n        >\n          {dismissLabel}\n        </ModalCardBaseCloseButton>\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCardBase","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","dismissLabel","style","size","sizeProp","modalDismissButtonTestId","dismissButtonMode","restProps","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","isSoftwareKeyboardOpened","useKeyboard","isOpened","undefined","withSafeZone","hasHeader","hasReactNode","hasSubheader","RootComponent","baseClassName","classNames","maxWidth","div","className","Title","level","weight","Component","Spacing","AdaptivityContext","Provider","value","sizeY","Subhead","ModalCardBaseCloseButton","testId","mode"],"mappings":";;;;+BA4EaA;;;eAAAA;;;;;;;iEA5EU;sBACkB;iDACO;6BACpB;6BACA;mCAEM;+BACJ;yBACN;yBACA;uBACF;0CACmB;AAiElC,MAAMA,gBAAgB;QAAC,EAC5BC,IAAI,EACJC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,SAAS,EACTC,qBAAqB,MAAM,EAC3BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,eAAe,QAAQ,EACvBC,KAAK,EACLC,MAAMC,QAAQ,EACdC,wBAAwB,EACxBC,oBAAoB,SAAS,EAEV,WADhBC;QAbHd;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,2BAA2BC,IAAAA,wBAAW,IAAGC,QAAQ;IAEvD,MAAMX,OAAOO,YAAYN,WAAWW;IACpC,MAAMC,eACJ,CAACvB,QAASa,CAAAA,sBAAsB,YAAaE,aAAa,SAAS,CAACE,SAAS;IAE/E,MAAMO,YAAYC,IAAAA,kBAAY,EAACxB;IAC/B,MAAMyB,eAAeD,IAAAA,kBAAY,EAACtB;IAClC,qBACE,qBAACwB,4BAAa,8CACRb;QACJc,eAAeC,IAAAA,gBAAU,EACvB,6BACAd,aAAa,mCACbE,2CACAM;QAEFd,OAAO,4CACFA;YACHqB,UAAUpB;;sBAGZ,qBAACqB;QACCC,WAAWH,IAAAA,gBAAU,kCAEnBV;OAGDM,IAAAA,kBAAY,EAACzB,uBAAS,qBAAC+B;QAAIC,SAAS;OAAkChC,OACtEyB,IAAAA,kBAAY,EAACxB,yBACZ,qBAACgC,YAAK;QACJC,OAAM;QACNC,QAAO;QACPH,SAAS;QACTI,WAAWlC;OAEVD,SAGJuB,aAAaE,8BAAgB,qBAACW,gBAAO;QAAC3B,MAAM;QAC5CgB,8BACC,qBAACY,oCAAiB,CAACC,QAAQ;QAACC,OAAO;YAAEC,OAAO;QAAU;qBACpD,qBAACC,gBAAO;QAACV,SAAS;QAAsCI,WAAWhC;OAChED,aAKNE,UAEAoB,IAAAA,kBAAY,EAACnB,0BAAY,qBAACyB;QAAIC,SAAS;OAAqC1B,wBAE7E,qBAACqC,kDAAwB;QACvBC,QAAQhC;QACRL,SAASA;QACTsC,MAAMhC;OAELL;AAKX"}
+{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AdaptivityContext } from '../AdaptivityProvider/AdaptivityContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport { ModalCardBaseCloseButton } from './ModalCardBaseCloseButton';\nimport styles from './ModalCardBase.module.css';\n\nexport interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n  /* Позволяет поменять тег используемый для заголовка */\n  headerComponent?: React.ElementType;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n  /* Позволяет поменять тег используемый для подзаголовка */\n  subheaderComponent?: React.ElementType;\n\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `size=\"l\" mode=\"primary\" stretched`\n   * - `size=\"l\" mode=\"secondary\" stretched`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `gap=\"s\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`\n   */\n  actions?: React.ReactNode;\n\n  onClose?: VoidFunction;\n\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n   */\n  dismissLabel?: string;\n\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: number;\n\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  modalDismissButtonTestId?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   *\n   * Доступно только в `compact`-режиме\n   *\n   * На `iOS` в `regular`-режиме всегда включен `inside`\n   *\n   * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте\n   */\n  dismissButtonMode?: 'inside' | 'outside' | 'none';\n  /**\n   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)\n   *\n   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте\n   */\n  preventClose?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = ({\n  icon,\n  header,\n  headerComponent = 'span',\n  subheader,\n  subheaderComponent = 'span',\n  children,\n  actions,\n  onClose,\n  dismissLabel = 'Скрыть',\n  style,\n  size: sizeProp,\n  modalDismissButtonTestId,\n  dismissButtonMode = 'outside',\n  preventClose,\n  ...restProps\n}: ModalCardBaseProps) => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const size = isDesktop ? sizeProp : undefined;\n  const withSafeZone =\n    !icon &&\n    (dismissButtonMode === 'inside' ||\n      (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none'));\n\n  const hasHeader = hasReactNode(header);\n  const hasSubheader = hasReactNode(subheader);\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        'vkuiInternalModalCardBase',\n        platform === 'ios' && styles['ModalCardBase--ios'],\n        isDesktop && styles['ModalCardBase--desktop'],\n        withSafeZone && styles['ModalCardBase--withSafeZone'],\n      )}\n      style={{\n        ...style,\n        maxWidth: size,\n      }}\n    >\n      <div\n        className={classNames(\n          styles['ModalCardBase__container'],\n          isSoftwareKeyboardOpened && styles['ModalCardBase__container--softwareKeyboardOpened'],\n        )}\n      >\n        {hasReactNode(icon) && <div className={styles['ModalCardBase__icon']}>{icon}</div>}\n        {hasReactNode(header) && (\n          <Title\n            level=\"2\"\n            weight=\"2\"\n            className={styles['ModalCardBase__header']}\n            Component={headerComponent}\n          >\n            {header}\n          </Title>\n        )}\n        {hasHeader && hasSubheader && <Spacing size={8} />}\n        {hasSubheader && (\n          <AdaptivityContext.Provider value={{ sizeY: 'regular' }}>\n            <Subhead className={styles['ModalCardBase__subheader']} Component={subheaderComponent}>\n              {subheader}\n            </Subhead>\n          </AdaptivityContext.Provider>\n        )}\n\n        {children}\n\n        {hasReactNode(actions) && <div className={styles['ModalCardBase__actions']}>{actions}</div>}\n\n        {dismissButtonMode !== 'none' && (\n          <ModalCardBaseCloseButton\n            testId={modalDismissButtonTestId}\n            onClose={onClose}\n            mode={dismissButtonMode}\n          >\n            {dismissLabel}\n          </ModalCardBaseCloseButton>\n        )}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCardBase","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","dismissLabel","style","size","sizeProp","modalDismissButtonTestId","dismissButtonMode","preventClose","restProps","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","isSoftwareKeyboardOpened","useKeyboard","isOpened","undefined","withSafeZone","hasHeader","hasReactNode","hasSubheader","RootComponent","baseClassName","classNames","maxWidth","div","className","Title","level","weight","Component","Spacing","AdaptivityContext","Provider","value","sizeY","Subhead","ModalCardBaseCloseButton","testId","mode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsFaA;;;eAAAA;;;;;;;;iEAtFU;sBACkB;iDACO;6BACpB;6BACA;mCAEM;+BACJ;yBACN;yBACA;uBACF;0CACmB;AA2ElC,MAAMA,gBAAgB;QAAC,EAC5BC,IAAI,EACJC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,SAAS,EACTC,qBAAqB,MAAM,EAC3BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,eAAe,QAAQ,EACvBC,KAAK,EACLC,MAAMC,QAAQ,EACdC,wBAAwB,EACxBC,oBAAoB,SAAS,EAC7BC,YAAY,EAEO,WADhBC;QAdHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,2BAA2BC,IAAAA,wBAAW,IAAGC,QAAQ;IAEvD,MAAMZ,OAAOQ,YAAYP,WAAWY;IACpC,MAAMC,eACJ,CAACxB,QACAa,CAAAA,sBAAsB,YACpBG,aAAa,SAAS,CAACE,aAAaL,sBAAsB,MAAM;IAErE,MAAMY,YAAYC,IAAAA,kBAAY,EAACzB;IAC/B,MAAM0B,eAAeD,IAAAA,kBAAY,EAACvB;IAClC,qBACE,qBAACyB,4BAAa,8CACRb;QACJc,eAAeC,IAAAA,gBAAU,EACvB,6BACAd,aAAa,mCACbE,2CACAM;QAEFf,OAAO,4CACFA;YACHsB,UAAUrB;;kBAGZ,cAAA,sBAACsB;YACCC,WAAWH,IAAAA,gBAAU,kCAEnBV;;gBAGDM,IAAAA,kBAAY,EAAC1B,uBAAS,qBAACgC;oBAAIC,SAAS;8BAAkCjC;;gBACtE0B,IAAAA,kBAAY,EAACzB,yBACZ,qBAACiC,YAAK;oBACJC,OAAM;oBACNC,QAAO;oBACPH,SAAS;oBACTI,WAAWnC;8BAEVD;;gBAGJwB,aAAaE,8BAAgB,qBAACW,gBAAO;oBAAC5B,MAAM;;gBAC5CiB,8BACC,qBAACY,oCAAiB,CAACC,QAAQ;oBAACC,OAAO;wBAAEC,OAAO;oBAAU;8BACpD,cAAA,qBAACC,gBAAO;wBAACV,SAAS;wBAAsCI,WAAWjC;kCAChED;;;gBAKNE;gBAEAqB,IAAAA,kBAAY,EAACpB,0BAAY,qBAAC0B;oBAAIC,SAAS;8BAAqC3B;;gBAE5EO,sBAAsB,wBACrB,qBAAC+B,kDAAwB;oBACvBC,QAAQjC;oBACRL,SAASA;oBACTuC,MAAMjC;8BAELL;;;;;AAMb"}

package/dist/cjs/components/ModalCardBase/ModalCardBaseCloseButton.d.ts

@@ -1,10 +1,9 @@
-import * as React from 'react';
 import { TappableProps } from '../Tappable/Tappable';
 interface ModalCardBaseCloseButtonProps extends Omit<TappableProps, 'mode' | 'onClose'> {
     onClose?: VoidFunction;
     testId?: string;
     mode?: 'inside' | 'outside';
 }
-export declare function ModalCardBaseCloseButton({ children, testId, mode, onClose, }: ModalCardBaseCloseButtonProps): React.JSX.Element | null;
+export declare function ModalCardBaseCloseButton({ children, testId, mode, onClose, }: ModalCardBaseCloseButtonProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=ModalCardBaseCloseButton.d.ts.map

package/dist/cjs/components/ModalCardBase/ModalCardBaseCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCardBaseCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI/D,UAAU,6BAA8B,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IACrF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAoB,EACpB,MAAM,EACN,IAAI,EACJ,OAAO,GACR,EAAE,6BAA6B,4BA4B/B"}
+{"version":3,"file":"ModalCardBaseCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI/D,UAAU,6BAA8B,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IACrF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAoB,EACpB,MAAM,EACN,IAAI,EACJ,OAAO,GACR,EAAE,6BAA6B,kDA4B/B"}

package/dist/cjs/components/ModalCardBase/ModalCardBaseCloseButton.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "ModalCardBaseCloseButton", {
         return ModalCardBaseCloseButton;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
 const _icons = require("@vkontakte/icons");
 const _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
 const _usePlatform = require("../../hooks/usePlatform");
@@ -20,19 +19,26 @@ function ModalCardBaseCloseButton({ children = 'Закрыть', testId, mode, o
     const platform = (0, _usePlatform.usePlatform)();
     const { isDesktop } = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)();
     if (isDesktop && mode === 'outside') {
-        return /*#__PURE__*/ _react.createElement(_ModalDismissButton.ModalDismissButton, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalDismissButton.ModalDismissButton, {
             "data-testid": testId,
-            onClick: onClose
-        }, children);
+            onClick: onClose,
+            children: children
+        });
     }
     if (mode === 'inside' || platform === 'ios' && !isDesktop) {
-        return /*#__PURE__*/ _react.createElement(_Tappable.Tappable, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tappable.Tappable, {
             className: "vkuiModalCardBase__dismiss",
             onClick: onClose,
             hoverMode: "opacity",
             activeMode: "opacity",
-            "data-testid": testId
-        }, /*#__PURE__*/ _react.createElement(_VisuallyHidden.VisuallyHidden, null, children), platform === 'ios' ? /*#__PURE__*/ _react.createElement(_icons.Icon24Dismiss, null) : /*#__PURE__*/ _react.createElement(_icons.Icon20Cancel, null));
+            "data-testid": testId,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+                    children: children
+                }),
+                platform === 'ios' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon24Dismiss, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20Cancel, {})
+            ]
+        });
     }
     return null;
 }

package/dist/cjs/components/ModalCardBase/ModalCardBaseCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel, Icon24Dismiss } from '@vkontakte/icons';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalCardBase.module.css';\n\ninterface ModalCardBaseCloseButtonProps extends Omit<TappableProps, 'mode' | 'onClose'> {\n  onClose?: VoidFunction;\n  testId?: string;\n  mode?: 'inside' | 'outside';\n}\n\nexport function ModalCardBaseCloseButton({\n  children = 'Закрыть',\n  testId,\n  mode,\n  onClose,\n}: ModalCardBaseCloseButtonProps) {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  if (isDesktop && mode === 'outside') {\n    return (\n      <ModalDismissButton data-testid={testId} onClick={onClose}>\n        {children}\n      </ModalDismissButton>\n    );\n  }\n\n  if (mode === 'inside' || (platform === 'ios' && !isDesktop)) {\n    return (\n      <Tappable\n        className={styles['ModalCardBase__dismiss']}\n        onClick={onClose}\n        hoverMode=\"opacity\"\n        activeMode=\"opacity\"\n        data-testid={testId}\n      >\n        <VisuallyHidden>{children}</VisuallyHidden>\n        {platform === 'ios' ? <Icon24Dismiss /> : <Icon20Cancel />}\n      </Tappable>\n    );\n  }\n\n  return null;\n}\n"],"names":["ModalCardBaseCloseButton","children","testId","mode","onClose","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","ModalDismissButton","data-testid","onClick","Tappable","className","hoverMode","activeMode","VisuallyHidden","Icon24Dismiss","Icon20Cancel"],"mappings":";;;;+BAegBA;;;eAAAA;;;;iEAfO;uBACqB;iDACI;6BACpB;oCACO;0BACK;gCACT;AASxB,SAASA,yBAAyB,EACvCC,WAAW,SAAS,EACpBC,MAAM,EACNC,IAAI,EACJC,OAAO,EACuB;IAC9B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAErD,IAAID,aAAaJ,SAAS,WAAW;QACnC,qBACE,qBAACM,sCAAkB;YAACC,eAAaR;YAAQS,SAASP;WAC/CH;IAGP;IAEA,IAAIE,SAAS,YAAaE,aAAa,SAAS,CAACE,WAAY;QAC3D,qBACE,qBAACK,kBAAQ;YACPC,SAAS;YACTF,SAASP;YACTU,WAAU;YACVC,YAAW;YACXL,eAAaR;yBAEb,qBAACc,8BAAc,QAAEf,WAChBI,aAAa,sBAAQ,qBAACY,oBAAa,wBAAM,qBAACC,mBAAY;IAG7D;IAEA,OAAO;AACT"}
+{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"sourcesContent":["import { Icon20Cancel, Icon24Dismiss } from '@vkontakte/icons';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalCardBase.module.css';\n\ninterface ModalCardBaseCloseButtonProps extends Omit<TappableProps, 'mode' | 'onClose'> {\n  onClose?: VoidFunction;\n  testId?: string;\n  mode?: 'inside' | 'outside';\n}\n\nexport function ModalCardBaseCloseButton({\n  children = 'Закрыть',\n  testId,\n  mode,\n  onClose,\n}: ModalCardBaseCloseButtonProps) {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  if (isDesktop && mode === 'outside') {\n    return (\n      <ModalDismissButton data-testid={testId} onClick={onClose}>\n        {children}\n      </ModalDismissButton>\n    );\n  }\n\n  if (mode === 'inside' || (platform === 'ios' && !isDesktop)) {\n    return (\n      <Tappable\n        className={styles['ModalCardBase__dismiss']}\n        onClick={onClose}\n        hoverMode=\"opacity\"\n        activeMode=\"opacity\"\n        data-testid={testId}\n      >\n        <VisuallyHidden>{children}</VisuallyHidden>\n        {platform === 'ios' ? <Icon24Dismiss /> : <Icon20Cancel />}\n      </Tappable>\n    );\n  }\n\n  return null;\n}\n"],"names":["ModalCardBaseCloseButton","children","testId","mode","onClose","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","ModalDismissButton","data-testid","onClick","Tappable","className","hoverMode","activeMode","VisuallyHidden","Icon24Dismiss","Icon20Cancel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcgBA;;;eAAAA;;;;uBAd4B;iDACI;6BACpB;oCACO;0BACK;gCACT;AASxB,SAASA,yBAAyB,EACvCC,WAAW,SAAS,EACpBC,MAAM,EACNC,IAAI,EACJC,OAAO,EACuB;IAC9B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAErD,IAAID,aAAaJ,SAAS,WAAW;QACnC,qBACE,qBAACM,sCAAkB;YAACC,eAAaR;YAAQS,SAASP;sBAC/CH;;IAGP;IAEA,IAAIE,SAAS,YAAaE,aAAa,SAAS,CAACE,WAAY;QAC3D,qBACE,sBAACK,kBAAQ;YACPC,SAAS;YACTF,SAASP;YACTU,WAAU;YACVC,YAAW;YACXL,eAAaR;;8BAEb,qBAACc,8BAAc;8BAAEf;;gBAChBI,aAAa,sBAAQ,qBAACY,oBAAa,sBAAM,qBAACC,mBAAY;;;IAG7D;IAEA,OAAO;AACT"}

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

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import { type TappableProps } from '../Tappable/Tappable';
 export type ModalDismissButtonProps = Omit<TappableProps, 'mode' | 'onClose'>;
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalDismissButton
  */
-export declare const ModalDismissButton: ({ children, className, ...restProps }: ModalDismissButtonProps) => React.JSX.Element;
+export declare const ModalDismissButton: ({ children, className, ...restProps }: ModalDismissButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ModalDismissButton.d.ts.map

package/dist/cjs/components/ModalDismissButton/ModalDismissButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDismissButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIpE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,kBAAkB,0CAI5B,uBAAuB,sBAYzB,CAAC"}
+{"version":3,"file":"ModalDismissButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIpE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,kBAAkB,0CAI5B,uBAAuB,4CAYzB,CAAC"}

package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js

@@ -8,11 +8,10 @@ Object.defineProperty(exports, "ModalDismissButton", {
         return ModalDismissButton;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
 const _icons = require("@vkontakte/icons");
 const _vkjs = require("@vkontakte/vkjs");
 const _Tappable = require("../Tappable/Tappable");
@@ -22,12 +21,18 @@ const ModalDismissButton = (_param)=>{
         "children",
         "className"
     ]);
-    return /*#__PURE__*/ _react.createElement(_Tappable.Tappable, _object_spread_props._(_object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tappable.Tappable, _object_spread_props._(_object_spread._({
         className: (0, _vkjs.classNames)("vkuiModalDismissButton", className)
     }, restProps), {
         activeMode: "vkuiModalDismissButton--active",
-        hoverMode: "vkuiModalDismissButton--hover"
-    }), children && /*#__PURE__*/ _react.createElement(_VisuallyHidden.VisuallyHidden, null, children), /*#__PURE__*/ _react.createElement(_icons.Icon20Cancel, null));
+        hoverMode: "vkuiModalDismissButton--hover",
+        children: [
+            children && /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+                children: children
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20Cancel, {})
+        ]
+    }));
 };
 
 //# sourceMappingURL=ModalDismissButton.js.map

package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalDismissButton.module.css';\n\nexport type ModalDismissButtonProps = Omit<TappableProps, 'mode' | 'onClose'>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n  children = 'Закрыть',\n  className,\n  ...restProps\n}: ModalDismissButtonProps) => {\n  return (\n    <Tappable\n      className={classNames(styles['ModalDismissButton'], className)}\n      {...restProps}\n      activeMode={styles['ModalDismissButton--active']}\n      hoverMode={styles['ModalDismissButton--hover']}\n    >\n      {children && <VisuallyHidden>{children}</VisuallyHidden>}\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n"],"names":["ModalDismissButton","children","className","restProps","Tappable","classNames","activeMode","hoverMode","VisuallyHidden","Icon20Cancel"],"mappings":";;;;+BAYaA;;;eAAAA;;;;;;;iEAZU;uBACM;sBACF;0BACkB;gCACd;AAQxB,MAAMA,qBAAqB;QAAC,EACjCC,WAAW,SAAS,EACpBC,SAAS,EAEe,WADrBC;QAFHF;QACAC;;IAGA,qBACE,qBAACE,kBAAQ;QACPF,WAAWG,IAAAA,gBAAU,4BAA+BH;OAChDC;QACJG,UAAU;QACVC,SAAS;QAERN,0BAAY,qBAACO,8BAAc,QAAEP,yBAC9B,qBAACQ,mBAAY;AAGnB"}
+{"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalDismissButton.module.css';\n\nexport type ModalDismissButtonProps = Omit<TappableProps, 'mode' | 'onClose'>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n  children = 'Закрыть',\n  className,\n  ...restProps\n}: ModalDismissButtonProps) => {\n  return (\n    <Tappable\n      className={classNames(styles['ModalDismissButton'], className)}\n      {...restProps}\n      activeMode={styles['ModalDismissButton--active']}\n      hoverMode={styles['ModalDismissButton--hover']}\n    >\n      {children && <VisuallyHidden>{children}</VisuallyHidden>}\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n"],"names":["ModalDismissButton","children","className","restProps","Tappable","classNames","activeMode","hoverMode","VisuallyHidden","Icon20Cancel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;;;;uBAXgB;sBACF;0BACkB;gCACd;AAQxB,MAAMA,qBAAqB;QAAC,EACjCC,WAAW,SAAS,EACpBC,SAAS,EAEe,WADrBC;QAFHF;QACAC;;IAGA,qBACE,sBAACE,kBAAQ;QACPF,WAAWG,IAAAA,gBAAU,4BAA+BH;OAChDC;QACJG,UAAU;QACVC,SAAS;;YAERN,0BAAY,qBAACO,8BAAc;0BAAEP;;0BAC9B,qBAACQ,mBAAY;;;AAGnB"}

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

@@ -50,9 +50,15 @@ export interface ModalPageProps extends HTMLAttributesWithRootRef<HTMLDivElement
      * `data-testid` для кнопки закрытия
      */
     modalDismissButtonTestId?: string;
+    /**
+     * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)
+     *
+     * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте
+     */
+    preventClose?: boolean;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalPage
  */
-export declare const ModalPage: ({ children, header, size: sizeProp, onOpen, onOpened, onClose, onClosed, settlingHeight, dynamicContentHeight, getModalContentRef, nav, id: idProp, hideCloseButton, height, modalContentTestId, modalDismissButtonTestId, getRootRef, ...restProps }: ModalPageProps) => React.JSX.Element;
+export declare const ModalPage: ({ children, header, size: sizeProp, onOpen, onOpened, onClose, onClosed, settlingHeight, dynamicContentHeight, getModalContentRef, nav, id: idProp, hideCloseButton, height, modalContentTestId, modalDismissButtonTestId, getRootRef, preventClose, ...restProps }: ModalPageProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ModalPage.d.ts.map

package/dist/cjs/components/ModalPage/ModalPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalPage.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAaxD,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IAC3F;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AAID;;GAEG;AACH,eAAO,MAAM,SAAS,0PAmBnB,cAAc,sBA6EhB,CAAC"}
+{"version":3,"file":"ModalPage.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAaxD,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IAC3F;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAID;;GAEG;AACH,eAAO,MAAM,SAAS,wQAoBnB,cAAc,4CA6EhB,CAAC"}

package/dist/cjs/components/ModalPage/ModalPage.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
@@ -32,7 +33,7 @@ const sizeClassName = {
 };
 const warn = (0, _warnOnce.warnOnce)('ModalPage');
 const ModalPage = (_param)=>{
-    var { children, header, size: sizeProp = 's', onOpen, onOpened, onClose, onClosed, settlingHeight, dynamicContentHeight, getModalContentRef, nav, id: idProp, hideCloseButton = false, height, modalContentTestId, modalDismissButtonTestId, getRootRef } = _param, restProps = _object_without_properties._(_param, [
+    var { children, header, size: sizeProp = 's', onOpen, onOpened, onClose, onClosed, settlingHeight, dynamicContentHeight, getModalContentRef, nav, id: idProp, hideCloseButton = false, height, modalContentTestId, modalDismissButtonTestId, getRootRef, preventClose } = _param, restProps = _object_without_properties._(_param, [
         "children",
         "header",
         "size",
@@ -49,7 +50,8 @@ const ModalPage = (_param)=>{
         "height",
         "modalContentTestId",
         "modalDismissButtonTestId",
-        "getRootRef"
+        "getRootRef",
+        "preventClose"
     ]);
     const generatingId = _react.useId();
     const id = idProp || generatingId;
@@ -80,44 +82,60 @@ const ModalPage = (_param)=>{
         }), [
         id
     ]);
-    return /*#__PURE__*/ _react.createElement(_ModalPageContext.ModalPageContext.Provider, {
-        value: contextValue
-    }, /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
-        getRootRef: rootRef,
-        tabIndex: -1,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": contextValue.labelId,
-        id: id,
-        baseClassName: (0, _vkjs.classNames)("vkuiModalPage", platform === 'ios' && "vkuiModalPage--ios", isDesktop && "vkuiModalPage--desktop", sizeX === 'regular' && 'vkuiInternalModalPage--sizeX-regular', typeof size === 'string' && sizeClassName[size])
-    }), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiModalPage__in-wrap",
-        style: {
-            maxWidth: typeof size === 'number' ? size : undefined,
-            height
-        },
-        ref: refs.innerElement
-    }, /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiModalPage__in"
-    }, /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiModalPage__header",
-        ref: refs.headerElement
-    }, header), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiModalPage__content-wrap"
-    }, /*#__PURE__*/ _react.createElement("div", _object_spread._({
-        className: "vkuiModalPage__content",
-        ref: (0, _utils.multiRef)(refs.contentElement, getModalContentRef)
-    }, modalContentTestId && {
-        'data-testid': modalContentTestId
-    }), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiModalPage__content-in"
-    }, children)), /*#__PURE__*/ _react.createElement("div", {
-        ref: refs.bottomInset,
-        className: "vkuiModalPage__bottom-inset"
-    })), isCloseButtonShown && /*#__PURE__*/ _react.createElement(_ModalDismissButton.ModalDismissButton, {
-        "data-testid": modalDismissButtonTestId,
-        onClick: onClose || modalContext.onClose
-    })))));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalPageContext.ModalPageContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
+            getRootRef: rootRef,
+            tabIndex: -1,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": contextValue.labelId,
+            id: id,
+            baseClassName: (0, _vkjs.classNames)("vkuiModalPage", platform === 'ios' && "vkuiModalPage--ios", isDesktop && "vkuiModalPage--desktop", sizeX === 'regular' && 'vkuiInternalModalPage--sizeX-regular', typeof size === 'string' && sizeClassName[size]),
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "vkuiModalPage__in-wrap",
+                style: {
+                    maxWidth: typeof size === 'number' ? size : undefined,
+                    height
+                },
+                ref: refs.innerElement,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: "vkuiModalPage__in",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "vkuiModalPage__header",
+                            ref: refs.headerElement,
+                            children: header
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                            className: "vkuiModalPage__content-wrap",
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", _object_spread_props._(_object_spread._({
+                                    className: "vkuiModalPage__content",
+                                    ref: (0, _utils.multiRef)(refs.contentElement, getModalContentRef)
+                                }, modalContentTestId && {
+                                    'data-testid': modalContentTestId
+                                }), {
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                        className: "vkuiModalPage__content-in",
+                                        children: children
+                                    })
+                                })),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                    ref: refs.bottomInset,
+                                    className: "vkuiModalPage__bottom-inset"
+                                })
+                            ]
+                        }),
+                        isCloseButtonShown && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalDismissButton.ModalDismissButton, {
+                            "data-testid": modalDismissButtonTestId,
+                            onClick: onClose || modalContext.onClose
+                        })
+                    ]
+                })
+            })
+        }))
+    });
 };
 
 //# sourceMappingURL=ModalPage.js.map