@vkontakte/vkui 4.22.0 → 4.24.0

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

@@ -36,7 +36,7 @@ var _warnOnce = require("../../lib/warnOnce");
 var _ModalCardBase = require("../ModalCardBase/ModalCardBase");
 
 var _excluded = ["icon", "header", "subheader", "children", "actions", "actionsLayout", "onClose", "platform", "viewWidth", "viewHeight", "hasMouse", "nav"];
-var warn = (0, _warnOnce.warnOnce)('ModalCard');
+var warn = (0, _warnOnce.warnOnce)("ModalCard");
 
 var ModalCard = function ModalCard(props) {
   var icon = props.icon,
@@ -59,8 +59,8 @@ var ModalCard = function ModalCard(props) {
       refs = _useModalRegistry.refs;
 
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalCard', platform), {
-      'ModalCard--desktop': isDesktop
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalCard", platform), {
+      "ModalCard--desktop": isDesktop
     })
   }), (0, _jsxRuntime.createScopedElement)(_ModalCardBase.ModalCardBase, {
     vkuiClass: "ModalCard__in",
@@ -75,7 +75,7 @@ var ModalCard = function ModalCard(props) {
 };
 
 ModalCard.defaultProps = {
-  actionsLayout: 'horizontal'
+  actionsLayout: "horizontal"
 };
 
 var _default = (0, _withAdaptivity.withAdaptivity)((0, _withPlatform.withPlatform)(ModalCard), {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"names":["warn","ModalCard","props","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","restProps","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","modalContext","React","useContext","ModalRootContext","ModalType","CARD","refs","innerElement","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAKA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AAEA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MACEC,IADF,GAcID,KAdJ,CACEC,IADF;AAAA,MAEEC,MAFF,GAcIF,KAdJ,CAEEE,MAFF;AAAA,MAGEC,SAHF,GAcIH,KAdJ,CAGEG,SAHF;AAAA,MAIEC,QAJF,GAcIJ,KAdJ,CAIEI,QAJF;AAAA,MAKEC,OALF,GAcIL,KAdJ,CAKEK,OALF;AAAA,MAMEC,aANF,GAcIN,KAdJ,CAMEM,aANF;AAAA,MAOEC,OAPF,GAcIP,KAdJ,CAOEO,OAPF;AAAA,MAQEC,QARF,GAcIR,KAdJ,CAQEQ,QARF;AAAA,MASEC,SATF,GAcIT,KAdJ,CASES,SATF;AAAA,MAUEC,UAVF,GAcIV,KAdJ,CAUEU,UAVF;AAAA,MAWEC,QAXF,GAcIX,KAdJ,CAWEW,QAXF;AAAA,MAYEC,GAZF,GAcIZ,KAdJ,CAYEY,GAZF;AAAA,MAaKC,SAbL,0CAcIb,KAdJ;AAgBA,MAAMc,SAAS,GAAGL,SAAS,IAAIM,0BAAUC,YAAvB,KAAwCL,QAAQ,IAAID,UAAU,IAAIO,2BAAWC,MAA7E,CAAlB;AAEA,MAAMC,YAAY,GAAGC,KAAK,CAACC,UAAN,CAAiBC,yBAAjB,CAArB;;AACA,0BAAiB,wCAAiB,wBAAStB,KAAT,EAAgBF,IAAhB,CAAjB,EAAwCyB,iBAAUC,IAAlD,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,uEACMZ,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,WAAb,EAA0BL,QAA1B,CAAX,EAAgD;AACzD,4BAAsBM;AADmC,KAAhD;AAFb,MAME,qCAAC,4BAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,UAAU,EAAEW,IAAI,CAACC,YAFnB;AAGE,IAAA,IAAI,EAAEzB,IAHR;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,aAAa,EAAEC,aAPjB;AAQE,IAAA,OAAO,EAAEC,OAAO,IAAIY,YAAY,CAACZ;AARnC,KAUGH,QAVH,CANF,CADF;AAqBD,CA3CD;;AA6CAL,SAAS,CAAC4B,YAAV,GAAyB;AACvBrB,EAAAA,aAAa,EAAE;AADQ,CAAzB;;eAIe,oCAAe,gCAAaP,SAAb,CAAf,EAAwC;AACrDU,EAAAA,SAAS,EAAE,IAD0C;AAErDC,EAAAA,UAAU,EAAE,IAFyC;AAGrDC,EAAAA,QAAQ,EAAE;AAH2C,CAAxC,C","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { HasPlatform } from '../../types';\nimport { withAdaptivity, AdaptivityProps, ViewHeight, ViewWidth } from '../../hoc/withAdaptivity';\nimport ModalRootContext, { useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { ModalType } from '../ModalRoot/types';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport './ModalCard.css';\n\nexport interface ModalCardProps extends HasPlatform, AdaptivityProps, NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\nconst ModalCard: React.FC<ModalCardProps> = (props: ModalCardProps) => {\n  const {\n    icon,\n    header,\n    subheader,\n    children,\n    actions,\n    actionsLayout,\n    onClose,\n    platform,\n    viewWidth,\n    viewHeight,\n    hasMouse,\n    nav,\n    ...restProps\n  } = props;\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.CARD);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalCard', platform), {\n        'ModalCard--desktop': isDesktop,\n      })}\n    >\n      <ModalCardBase\n        vkuiClass=\"ModalCard__in\"\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        subheader={subheader}\n        actions={actions}\n        actionsLayout={actionsLayout}\n        onClose={onClose || modalContext.onClose}\n      >\n        {children}\n      </ModalCardBase>\n    </div>\n  );\n};\n\nModalCard.defaultProps = {\n  actionsLayout: 'horizontal',\n};\n\nexport default withAdaptivity(withPlatform(ModalCard), {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalCard.js"}
+{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"names":["warn","ModalCard","props","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","restProps","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","modalContext","React","useContext","ModalRootContext","ModalType","CARD","refs","innerElement","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAMA;;AAGA;;AACA;;AACA;;AACA;;;AAYA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AAEA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MACEC,IADF,GAcID,KAdJ,CACEC,IADF;AAAA,MAEEC,MAFF,GAcIF,KAdJ,CAEEE,MAFF;AAAA,MAGEC,SAHF,GAcIH,KAdJ,CAGEG,SAHF;AAAA,MAIEC,QAJF,GAcIJ,KAdJ,CAIEI,QAJF;AAAA,MAKEC,OALF,GAcIL,KAdJ,CAKEK,OALF;AAAA,MAMEC,aANF,GAcIN,KAdJ,CAMEM,aANF;AAAA,MAOEC,OAPF,GAcIP,KAdJ,CAOEO,OAPF;AAAA,MAQEC,QARF,GAcIR,KAdJ,CAQEQ,QARF;AAAA,MASEC,SATF,GAcIT,KAdJ,CASES,SATF;AAAA,MAUEC,UAVF,GAcIV,KAdJ,CAUEU,UAVF;AAAA,MAWEC,QAXF,GAcIX,KAdJ,CAWEW,QAXF;AAAA,MAYEC,GAZF,GAcIZ,KAdJ,CAYEY,GAZF;AAAA,MAaKC,SAbL,0CAcIb,KAdJ;AAgBA,MAAMc,SAAS,GACbL,SAAS,IAAIM,0BAAUC,YAAvB,KACCL,QAAQ,IAAID,UAAU,IAAIO,2BAAWC,MADtC,CADF;AAIA,MAAMC,YAAY,GAAGC,KAAK,CAACC,UAAN,CAAiBC,yBAAjB,CAArB;;AACA,0BAAiB,wCAAiB,wBAAStB,KAAT,EAAgBF,IAAhB,CAAjB,EAAwCyB,iBAAUC,IAAlD,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,uEACMZ,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,WAAb,EAA0BL,QAA1B,CAAX,EAAgD;AACzD,4BAAsBM;AADmC,KAAhD;AAFb,MAME,qCAAC,4BAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,UAAU,EAAEW,IAAI,CAACC,YAFnB;AAGE,IAAA,IAAI,EAAEzB,IAHR;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,aAAa,EAAEC,aAPjB;AAQE,IAAA,OAAO,EAAEC,OAAO,IAAIY,YAAY,CAACZ;AARnC,KAUGH,QAVH,CANF,CADF;AAqBD,CA7CD;;AA+CAL,SAAS,CAAC4B,YAAV,GAAyB;AACvBrB,EAAAA,aAAa,EAAE;AADQ,CAAzB;;eAIe,oCAAe,gCAAaP,SAAb,CAAf,EAAwC;AACrDU,EAAAA,SAAS,EAAE,IAD0C;AAErDC,EAAAA,UAAU,EAAE,IAFyC;AAGrDC,EAAAA,QAAQ,EAAE;AAH2C,CAAxC,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasPlatform } from \"../../types\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport ModalRootContext, {\n  useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  ModalCardBase,\n  ModalCardBaseProps,\n} from \"../ModalCardBase/ModalCardBase\";\nimport \"./ModalCard.css\";\n\nexport interface ModalCardProps\n  extends HasPlatform,\n    AdaptivityProps,\n    NavIdProps,\n    ModalCardBaseProps {}\n\nconst warn = warnOnce(\"ModalCard\");\n\nconst ModalCard: React.FC<ModalCardProps> = (props: ModalCardProps) => {\n  const {\n    icon,\n    header,\n    subheader,\n    children,\n    actions,\n    actionsLayout,\n    onClose,\n    platform,\n    viewWidth,\n    viewHeight,\n    hasMouse,\n    nav,\n    ...restProps\n  } = props;\n\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.CARD);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName(\"ModalCard\", platform), {\n        \"ModalCard--desktop\": isDesktop,\n      })}\n    >\n      <ModalCardBase\n        vkuiClass=\"ModalCard__in\"\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        subheader={subheader}\n        actions={actions}\n        actionsLayout={actionsLayout}\n        onClose={onClose || modalContext.onClose}\n      >\n        {children}\n      </ModalCardBase>\n    </div>\n  );\n};\n\nModalCard.defaultProps = {\n  actionsLayout: \"horizontal\",\n};\n\nexport default withAdaptivity(withPlatform(ModalCard), {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalCard.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasRootRef } from '../../types';
-import './ModalCardBase.css';
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import "./ModalCardBase.css";
 export interface ModalCardBaseProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
     /**
      * Иконка.
@@ -25,7 +25,7 @@ export interface ModalCardBaseProps extends React.HTMLAttributes<HTMLDivElement>
     /**
      * Тип отображения кнопок: вертикальный или горизонтальный
      */
-    actionsLayout?: 'vertical' | 'horizontal';
+    actionsLayout?: "vertical" | "horizontal";
     onClose?: VoidFunction;
 }
 export declare const ModalCardBase: React.FC<ModalCardBaseProps>;

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

@@ -57,13 +57,13 @@ var ModalCardBase = (0, _withAdaptivity.withAdaptivity)(function (_ref) {
   var canShowCloseBtn = viewWidth >= _withAdaptivity.ViewWidth.SMALL_TABLET;
   var canShowCloseBtnIos = platform === _platform.IOS && !canShowCloseBtn;
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalCardBase', platform), {
-      'ModalCardBase--desktop': isDesktop
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalCardBase", platform), {
+      "ModalCardBase--desktop": isDesktop
     }),
     ref: getRootRef
   }), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)('ModalCardBase__container', {
-      'ModalCardBase__container--softwareKeyboardOpened': isSoftwareKeyboardOpened
+    vkuiClass: (0, _classNames.classNames)("ModalCardBase__container", {
+      "ModalCardBase__container--softwareKeyboardOpened": isSoftwareKeyboardOpened
     })
   }, (0, _utils.hasReactNode)(icon) && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ModalCardBase__icon"
@@ -75,8 +75,8 @@ var ModalCardBase = (0, _withAdaptivity.withAdaptivity)(function (_ref) {
     weight: "regular",
     vkuiClass: "ModalCardBase__subheader"
   }, subheader), children, (0, _utils.hasReactNode)(actions) && (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)('ModalCardBase__actions', {
-      'ModalCardBase__actions--v': actionsLayout === 'vertical'
+    vkuiClass: (0, _classNames.classNames)("ModalCardBase__actions", {
+      "ModalCardBase__actions--v": actionsLayout === "vertical"
     })
   }, actions), canShowCloseBtn && (0, _jsxRuntime.createScopedElement)(_ModalDismissButton.default, {
     onClick: onClose

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":["ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","restProps","platform","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","canShowCloseBtnIos","IOS"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;AAmCO,IAAMA,aAA2C,GAAG,oCAAe,gBAa9B;AAAA,MAZ1CC,UAY0C,QAZ1CA,UAY0C;AAAA,MAX1CC,IAW0C,QAX1CA,IAW0C;AAAA,MAV1CC,MAU0C,QAV1CA,MAU0C;AAAA,MAT1CC,SAS0C,QAT1CA,SAS0C;AAAA,MAR1CC,QAQ0C,QAR1CA,QAQ0C;AAAA,MAP1CC,OAO0C,QAP1CA,OAO0C;AAAA,MAN1CC,aAM0C,QAN1CA,aAM0C;AAAA,MAL1CC,SAK0C,QAL1CA,SAK0C;AAAA,MAJ1CC,QAI0C,QAJ1CA,QAI0C;AAAA,MAH1CC,UAG0C,QAH1CA,UAG0C;AAAA,MAF1CC,OAE0C,QAF1CA,OAE0C;AAAA,MADvCC,SACuC;AAC1C,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GAAGN,SAAS,IAAIO,0BAAUC,YAAvB,KAAwCP,QAAQ,IAAIC,UAAU,IAAIO,2BAAWC,MAA7E,CAAlB;AACA,MAAMC,wBAAwB,GAAG,gCAAcC,QAA/C;AAEA,MAAMC,eAAe,GAAGb,SAAS,IAAIO,0BAAUC,YAA/C;AACA,MAAMM,kBAAkB,GAAGT,QAAQ,KAAKU,aAAb,IAAoB,CAACF,eAAhD;AAEA,SACE,uEACMT,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,eAAb,EAA8BC,QAA9B,CAAX,EAAoD;AAC7D,gCAA0BC;AADmC,KAApD,CAFb;AAKE,IAAA,GAAG,EAAEb;AALP,MAOE;AAAK,IAAA,SAAS,EAAE,4BAAW,0BAAX,EAAuC;AACrD,0DAAoDkB;AADC,KAAvC;AAAhB,KAGG,yBAAajB,IAAb,KAAsB;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CAHzB,EAIG,yBAAaC,MAAb,KAAwB,qCAAC,cAAD;AAAO,IAAA,KAAK,EAAC,GAAb;AAAiB,IAAA,MAAM,EAAC,UAAxB;AAAmC,IAAA,SAAS,EAAC;AAA7C,KAAsEA,MAAtE,CAJ3B,EAKG,yBAAaC,SAAb,KAA2B,qCAAC,iBAAD;AAAU,IAAA,MAAM,EAAC,SAAjB;AAA2B,IAAA,SAAS,EAAC;AAArC,KAAiEA,SAAjE,CAL9B,EAOGC,QAPH,EASG,yBAAaC,OAAb,KACC;AAAK,IAAA,SAAS,EAAE,4BAAW,wBAAX,EAAqC;AACnD,mCAA6BC,aAAa,KAAK;AADI,KAArC;AAAhB,KAGGD,OAHH,CAVJ,EAiBGe,eAAe,IAAI,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEV;AAA7B,IAjBtB,EAkBGW,kBAAkB,IACjB,qCAAC,oCAAD;AAAmB,IAAA,SAAS,EAAC,oBAA7B;AAAkD,IAAA,OAAO,EAAEX;AAA3D,KACE,qCAAC,oBAAD,OADF,CAnBJ,CAPF,CADF;AAkCD,CAvD0D,EAuDxD;AACDH,EAAAA,SAAS,EAAE,IADV;AAEDE,EAAAA,UAAU,EAAE,IAFX;AAGDD,EAAAA,QAAQ,EAAE;AAHT,CAvDwD,CAApD","sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '../../lib/utils';\nimport Title from '../Typography/Title/Title';\nimport Headline from '../Typography/Headline/Headline';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AdaptivityProps, ViewHeight, ViewWidth, withAdaptivity } from '../../hoc/withAdaptivity';\nimport { HasRootRef } from '../../types';\nimport { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';\nimport { IOS } from '../../lib/platform';\nimport ModalDismissButton from '../ModalDismissButton/ModalDismissButton';\nimport { Icon24Dismiss } from '@vkontakte/icons';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport './ModalCardBase.css';\n\nexport interface ModalCardBaseProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<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  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n\n  /**\n   * Кнопки-действия.\n   *\n   * Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n   */\n  actions?: React.ReactNode;\n\n  /**\n   * Тип отображения кнопок: вертикальный или горизонтальный\n   */\n  actionsLayout?: 'vertical' | 'horizontal';\n  onClose?: VoidFunction;\n}\n\nexport const ModalCardBase: React.FC<ModalCardBaseProps> = withAdaptivity(({\n  getRootRef,\n  icon,\n  header,\n  subheader,\n  children,\n  actions,\n  actionsLayout,\n  viewWidth,\n  hasMouse,\n  viewHeight,\n  onClose,\n  ...restProps\n}: ModalCardBaseProps & AdaptivityProps) => {\n  const platform = usePlatform();\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n  const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalCardBase', platform), {\n        'ModalCardBase--desktop': isDesktop,\n      })}\n      ref={getRootRef}\n    >\n      <div vkuiClass={classNames('ModalCardBase__container', {\n        'ModalCardBase__container--softwareKeyboardOpened': isSoftwareKeyboardOpened,\n      })}>\n        {hasReactNode(icon) && <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>}\n        {hasReactNode(header) && <Title level=\"2\" weight=\"semibold\" vkuiClass=\"ModalCardBase__header\">{header}</Title>}\n        {hasReactNode(subheader) && <Headline weight=\"regular\" vkuiClass=\"ModalCardBase__subheader\">{subheader}</Headline>}\n\n        {children}\n\n        {hasReactNode(actions) &&\n          <div vkuiClass={classNames('ModalCardBase__actions', {\n            'ModalCardBase__actions--v': actionsLayout === 'vertical',\n          })}>\n            {actions}\n          </div>\n        }\n\n        {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n        {canShowCloseBtnIos &&\n          <PanelHeaderButton vkuiClass=\"ModalCard__dismiss\" onClick={onClose}>\n            <Icon24Dismiss />\n          </PanelHeaderButton>\n        }\n      </div>\n    </div>\n  );\n}, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n\n"],"file":"ModalCardBase.js"}
+{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":["ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","restProps","platform","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","canShowCloseBtnIos","IOS"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;AAqCO,IAAMA,aAA2C,GAAG,oCACzD,gBAa4C;AAAA,MAZ1CC,UAY0C,QAZ1CA,UAY0C;AAAA,MAX1CC,IAW0C,QAX1CA,IAW0C;AAAA,MAV1CC,MAU0C,QAV1CA,MAU0C;AAAA,MAT1CC,SAS0C,QAT1CA,SAS0C;AAAA,MAR1CC,QAQ0C,QAR1CA,QAQ0C;AAAA,MAP1CC,OAO0C,QAP1CA,OAO0C;AAAA,MAN1CC,aAM0C,QAN1CA,aAM0C;AAAA,MAL1CC,SAK0C,QAL1CA,SAK0C;AAAA,MAJ1CC,QAI0C,QAJ1CA,QAI0C;AAAA,MAH1CC,UAG0C,QAH1CA,UAG0C;AAAA,MAF1CC,OAE0C,QAF1CA,OAE0C;AAAA,MADvCC,SACuC;AAC1C,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GACbN,SAAS,IAAIO,0BAAUC,YAAvB,KACCP,QAAQ,IAAIC,UAAU,IAAIO,2BAAWC,MADtC,CADF;AAGA,MAAMC,wBAAwB,GAAG,gCAAcC,QAA/C;AAEA,MAAMC,eAAe,GAAGb,SAAS,IAAIO,0BAAUC,YAA/C;AACA,MAAMM,kBAAkB,GAAGT,QAAQ,KAAKU,aAAb,IAAoB,CAACF,eAAhD;AAEA,SACE,uEACMT,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,eAAb,EAA8BC,QAA9B,CAAX,EAAoD;AAC7D,gCAA0BC;AADmC,KAApD,CAFb;AAKE,IAAA,GAAG,EAAEb;AALP,MAOE;AACE,IAAA,SAAS,EAAE,4BAAW,0BAAX,EAAuC;AAChD,0DACEkB;AAF8C,KAAvC;AADb,KAMG,yBAAajB,IAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CAPJ,EASG,yBAAaC,MAAb,KACC,qCAAC,cAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,UAFT;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGA,MALH,CAVJ,EAkBG,yBAAaC,SAAb,KACC,qCAAC,iBAAD;AAAU,IAAA,MAAM,EAAC,SAAjB;AAA2B,IAAA,SAAS,EAAC;AAArC,KACGA,SADH,CAnBJ,EAwBGC,QAxBH,EA0BG,yBAAaC,OAAb,KACC;AACE,IAAA,SAAS,EAAE,4BAAW,wBAAX,EAAqC;AAC9C,mCAA6BC,aAAa,KAAK;AADD,KAArC;AADb,KAKGD,OALH,CA3BJ,EAoCGe,eAAe,IAAI,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEV;AAA7B,IApCtB,EAqCGW,kBAAkB,IACjB,qCAAC,oCAAD;AAAmB,IAAA,SAAS,EAAC,oBAA7B;AAAkD,IAAA,OAAO,EAAEX;AAA3D,KACE,qCAAC,oBAAD,OADF,CAtCJ,CAPF,CADF;AAqDD,CA7EwD,EA8EzD;AACEH,EAAAA,SAAS,EAAE,IADb;AAEEE,EAAAA,UAAU,EAAE,IAFd;AAGED,EAAAA,QAAQ,EAAE;AAHZ,CA9EyD,CAApD","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Title from \"../Typography/Title/Title\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  AdaptivityProps,\n  ViewHeight,\n  ViewWidth,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { HasRootRef } from \"../../types\";\nimport { PanelHeaderButton } from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS } from \"../../lib/platform\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { useKeyboard } from \"../../hooks/useKeyboard\";\nimport \"./ModalCardBase.css\";\n\nexport interface ModalCardBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<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  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n\n  /**\n   * Кнопки-действия.\n   *\n   * Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n   */\n  actions?: React.ReactNode;\n\n  /**\n   * Тип отображения кнопок: вертикальный или горизонтальный\n   */\n  actionsLayout?: \"vertical\" | \"horizontal\";\n  onClose?: VoidFunction;\n}\n\nexport const ModalCardBase: React.FC<ModalCardBaseProps> = withAdaptivity(\n  ({\n    getRootRef,\n    icon,\n    header,\n    subheader,\n    children,\n    actions,\n    actionsLayout,\n    viewWidth,\n    hasMouse,\n    viewHeight,\n    onClose,\n    ...restProps\n  }: ModalCardBaseProps & AdaptivityProps) => {\n    const platform = usePlatform();\n    const isDesktop =\n      viewWidth >= ViewWidth.SMALL_TABLET &&\n      (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n    const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n    const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n    const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n    return (\n      <div\n        {...restProps}\n        vkuiClass={classNames(getClassName(\"ModalCardBase\", platform), {\n          \"ModalCardBase--desktop\": isDesktop,\n        })}\n        ref={getRootRef}\n      >\n        <div\n          vkuiClass={classNames(\"ModalCardBase__container\", {\n            \"ModalCardBase__container--softwareKeyboardOpened\":\n              isSoftwareKeyboardOpened,\n          })}\n        >\n          {hasReactNode(icon) && (\n            <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>\n          )}\n          {hasReactNode(header) && (\n            <Title\n              level=\"2\"\n              weight=\"semibold\"\n              vkuiClass=\"ModalCardBase__header\"\n            >\n              {header}\n            </Title>\n          )}\n          {hasReactNode(subheader) && (\n            <Headline weight=\"regular\" vkuiClass=\"ModalCardBase__subheader\">\n              {subheader}\n            </Headline>\n          )}\n\n          {children}\n\n          {hasReactNode(actions) && (\n            <div\n              vkuiClass={classNames(\"ModalCardBase__actions\", {\n                \"ModalCardBase__actions--v\": actionsLayout === \"vertical\",\n              })}\n            >\n              {actions}\n            </div>\n          )}\n\n          {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n          {canShowCloseBtnIos && (\n            <PanelHeaderButton vkuiClass=\"ModalCard__dismiss\" onClick={onClose}>\n              <Icon24Dismiss />\n            </PanelHeaderButton>\n          )}\n        </div>\n      </div>\n    );\n  },\n  {\n    viewWidth: true,\n    viewHeight: true,\n    hasMouse: true,\n  }\n);\n"],"file":"ModalCardBase.js"}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './ModalDismissButton.css';
+import * as React from "react";
+import "./ModalDismissButton.css";
 export declare type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;
 declare const ModalDismissButton: React.FC<ModalDismissButtonProps>;
 export default ModalDismissButton;

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

@@ -22,7 +22,7 @@ var _usePlatform = require("../../hooks/usePlatform");
 var ModalDismissButton = function ModalDismissButton(props) {
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({
-    vkuiClass: (0, _getClassName.getClassName)('ModalDismissButton', platform)
+    vkuiClass: (0, _getClassName.getClassName)("ModalDismissButton", platform)
   }, props, {
     activeMode: "ModalDismissButton--active",
     hoverMode: "ModalDismissButton--hover"
@@ -30,7 +30,7 @@ var ModalDismissButton = function ModalDismissButton(props) {
 };
 
 ModalDismissButton.defaultProps = {
-  'aria-label': 'Закрыть'
+  "aria-label": "Закрыть"
 };
 var _default = ModalDismissButton;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":["ModalDismissButton","props","platform","defaultProps"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAKA,IAAMA,kBAAqD,GAAG,SAAxDA,kBAAwD,CAACC,KAAD,EAAoC;AAChG,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,oBAAb,EAAmCA,QAAnC;AADb,KAEMD,KAFN;AAGE,IAAA,UAAU,EAAC,4BAHb;AAIE,IAAA,SAAS,EAAC;AAJZ,MAME,qCAAC,mBAAD,OANF,CADF;AAUD,CAbD;;AAeAD,kBAAkB,CAACG,YAAnB,GAAkC;AAChC,gBAAc;AADkB,CAAlC;eAIeH,kB","sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport Tappable from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './ModalDismissButton.css';\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\nconst ModalDismissButton: React.FC<ModalDismissButtonProps> = (props: ModalDismissButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      vkuiClass={getClassName('ModalDismissButton', platform)}\n      {...props}\n      activeMode=\"ModalDismissButton--active\"\n      hoverMode=\"ModalDismissButton--hover\"\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n\nModalDismissButton.defaultProps = {\n  'aria-label': 'Закрыть',\n};\n\nexport default ModalDismissButton;\n"],"file":"ModalDismissButton.js"}
+{"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":["ModalDismissButton","props","platform","defaultProps"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAKA,IAAMA,kBAAqD,GAAG,SAAxDA,kBAAwD,CAC5DC,KAD4D,EAEzD;AACH,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,oBAAb,EAAmCA,QAAnC;AADb,KAEMD,KAFN;AAGE,IAAA,UAAU,EAAC,4BAHb;AAIE,IAAA,SAAS,EAAC;AAJZ,MAME,qCAAC,mBAAD,OANF,CADF;AAUD,CAfD;;AAiBAD,kBAAkB,CAACG,YAAnB,GAAkC;AAChC,gBAAc;AADkB,CAAlC;eAIeH,kB","sourcesContent":["import * as React from \"react\";\nimport { Icon20Cancel } from \"@vkontakte/icons\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./ModalDismissButton.css\";\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\nconst ModalDismissButton: React.FC<ModalDismissButtonProps> = (\n  props: ModalDismissButtonProps\n) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      vkuiClass={getClassName(\"ModalDismissButton\", platform)}\n      {...props}\n      activeMode=\"ModalDismissButton--active\"\n      hoverMode=\"ModalDismissButton--hover\"\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n\nModalDismissButton.defaultProps = {\n  \"aria-label\": \"Закрыть\",\n};\n\nexport default ModalDismissButton;\n"],"file":"ModalDismissButton.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import { NavIdProps } from '../../lib/getNavId';
-import './ModalPage.css';
+import * as React from "react";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import { NavIdProps } from "../../lib/getNavId";
+import "./ModalPage.css";
 export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, NavIdProps {
     /**
      * Шапка модальной страницы, `<ModalPageHeader />`

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

@@ -38,7 +38,7 @@ var _getNavId = require("../../lib/getNavId");
 var _warnOnce = require("../../lib/warnOnce");
 
 var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onClose", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav"];
-var warn = (0, _warnOnce.warnOnce)('ModalPage');
+var warn = (0, _warnOnce.warnOnce)("ModalPage");
 
 var ModalPage = function ModalPage(props) {
   var platform = (0, _usePlatform.usePlatform)();
@@ -69,8 +69,8 @@ var ModalPage = function ModalPage(props) {
       refs = _useModalRegistry.refs;
 
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalPage', platform), "ModalPage--sizeX-".concat(sizeX), {
-      'ModalPage--desktop': isDesktop
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPage", platform), "ModalPage--sizeX-".concat(sizeX), {
+      "ModalPage--desktop": isDesktop
     })
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ModalPage__in-wrap",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["warn","ModalPage","props","platform","React","useContext","ModalRootContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onClose","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","useEffect","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","canShowCloseBtn","modalContext","ModalType","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AACA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,0BAA8BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA9B;AAAA,MAAQC,iBAAR,qBAAQA,iBAAR;;AACA,MACEC,QADF,GAaIN,KAbJ,CACEM,QADF;AAAA,MAEEC,MAFF,GAaIP,KAbJ,CAEEO,MAFF;AAAA,MAGEC,SAHF,GAaIR,KAbJ,CAGEQ,SAHF;AAAA,MAIEC,UAJF,GAaIT,KAbJ,CAIES,UAJF;AAAA,MAKEC,KALF,GAaIV,KAbJ,CAKEU,KALF;AAAA,MAMEC,QANF,GAaIX,KAbJ,CAMEW,QANF;AAAA,MAOEC,OAPF,GAaIZ,KAbJ,CAOEY,OAPF;AAAA,MAQEC,cARF,GAaIb,KAbJ,CAQEa,cARF;AAAA,MASEC,oBATF,GAaId,KAbJ,CASEc,oBATF;AAAA,MAUEC,kBAVF,GAaIf,KAbJ,CAUEe,kBAVF;AAAA,MAWEC,GAXF,GAaIhB,KAbJ,CAWEgB,GAXF;AAAA,MAYKC,SAZL,0CAaIjB,KAbJ;AAeAE,EAAAA,KAAK,CAACgB,SAAN,CAAgB,YAAM;AACpBb,IAAAA,iBAAiB;AAClB,GAFD,EAEG,CAACC,QAAD,CAFH;AAIA,MAAMa,SAAS,GAAGX,SAAS,IAAIY,0BAAUC,YAAvB,KAAwCV,QAAQ,IAAIF,UAAU,IAAIa,2BAAWC,MAA7E,CAAlB;AACA,MAAMC,eAAe,GAAGhB,SAAS,IAAIY,0BAAUC,YAA/C;AAEA,MAAMI,YAAY,GAAGvB,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAArB;;AACA,0BAAiB,wCAAiB,wBAASJ,KAAT,EAAgBF,IAAhB,CAAjB,EAAwC4B,iBAAUC,IAAlD,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,uEACMX,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,WAAb,EAA0BhB,QAA1B,CAAX,6BAAoES,KAApE,GAA6E;AACtF,4BAAsBS;AADgE,KAA7E;AAFb,MAME;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAES,IAAI,CAACC;AAA9C,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,mBAAf;AAAmC,IAAA,GAAG,EAAED,IAAI,CAACE;AAA7C,KACGvB,MADH,CADF,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAE,qBAAyBqB,IAAI,CAACG,cAA9B,EAA8ChB,kBAA9C;AAAzC,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGT,QADH,CADF,CADF,CALF,EAYGkB,eAAe,IAAI,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEZ,OAAO,IAAIa,YAAY,CAACb;AAArD,IAZtB,CADF,CANF,CADF;AAyBD,CArDD;;AAuDAb,SAAS,CAACiC,YAAV,GAAyB;AACvBnB,EAAAA,cAAc,EAAE;AADO,CAAzB;;eAIe,oCAAed,SAAf,EAA0B;AACvCS,EAAAA,SAAS,EAAE,IAD4B;AAEvCC,EAAAA,UAAU,EAAE,IAF2B;AAGvCC,EAAAA,KAAK,EAAE,IAHgC;AAIvCC,EAAAA,QAAQ,EAAE;AAJ6B,CAA1B,C","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { withAdaptivity, AdaptivityProps, ViewHeight, ViewWidth } from '../../hoc/withAdaptivity';\nimport ModalDismissButton from '../ModalDismissButton/ModalDismissButton';\nimport { multiRef } from '../../lib/utils';\nimport { ModalType } from '../ModalRoot/types';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport './ModalPage.css';\n\nexport interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  onClose?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce('ModalPage');\nconst ModalPage: React.FC<ModalPageProps> = (props: ModalPageProps) => {\n  const platform = usePlatform();\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onClose,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\n\n  React.useEffect(() => {\n    updateModalHeight();\n  }, [children]);\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalPage', platform), `ModalPage--sizeX-${sizeX}`, {\n        'ModalPage--desktop': isDesktop,\n      })}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div vkuiClass=\"ModalPage__content\" ref={multiRef<HTMLDivElement>(refs.contentElement, getModalContentRef)}>\n              <div vkuiClass=\"ModalPage__content-in\">\n                {children}\n              </div>\n            </div>\n          </div>\n          {canShowCloseBtn && <ModalDismissButton onClick={onClose || modalContext.onClose} />}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}
+{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["warn","ModalPage","props","platform","React","useContext","ModalRootContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onClose","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","useEffect","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","canShowCloseBtn","modalContext","ModalType","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;;AAuBA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AACA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,0BAA8BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA9B;AAAA,MAAQC,iBAAR,qBAAQA,iBAAR;;AACA,MACEC,QADF,GAaIN,KAbJ,CACEM,QADF;AAAA,MAEEC,MAFF,GAaIP,KAbJ,CAEEO,MAFF;AAAA,MAGEC,SAHF,GAaIR,KAbJ,CAGEQ,SAHF;AAAA,MAIEC,UAJF,GAaIT,KAbJ,CAIES,UAJF;AAAA,MAKEC,KALF,GAaIV,KAbJ,CAKEU,KALF;AAAA,MAMEC,QANF,GAaIX,KAbJ,CAMEW,QANF;AAAA,MAOEC,OAPF,GAaIZ,KAbJ,CAOEY,OAPF;AAAA,MAQEC,cARF,GAaIb,KAbJ,CAQEa,cARF;AAAA,MASEC,oBATF,GAaId,KAbJ,CASEc,oBATF;AAAA,MAUEC,kBAVF,GAaIf,KAbJ,CAUEe,kBAVF;AAAA,MAWEC,GAXF,GAaIhB,KAbJ,CAWEgB,GAXF;AAAA,MAYKC,SAZL,0CAaIjB,KAbJ;AAeAE,EAAAA,KAAK,CAACgB,SAAN,CAAgB,YAAM;AACpBb,IAAAA,iBAAiB;AAClB,GAFD,EAEG,CAACC,QAAD,CAFH;AAIA,MAAMa,SAAS,GACbX,SAAS,IAAIY,0BAAUC,YAAvB,KACCV,QAAQ,IAAIF,UAAU,IAAIa,2BAAWC,MADtC,CADF;AAGA,MAAMC,eAAe,GAAGhB,SAAS,IAAIY,0BAAUC,YAA/C;AAEA,MAAMI,YAAY,GAAGvB,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAArB;;AACA,0BAAiB,wCAAiB,wBAASJ,KAAT,EAAgBF,IAAhB,CAAjB,EAAwC4B,iBAAUC,IAAlD,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,uEACMX,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,WAAb,EAA0BhB,QAA1B,CADS,6BAEWS,KAFX,GAGT;AACE,4BAAsBS;AADxB,KAHS;AAFb,MAUE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAES,IAAI,CAACC;AAA9C,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,mBAAf;AAAmC,IAAA,GAAG,EAAED,IAAI,CAACE;AAA7C,KACGvB,MADH,CADF,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AACE,IAAA,SAAS,EAAC,oBADZ;AAEE,IAAA,GAAG,EAAE,qBACHqB,IAAI,CAACG,cADF,EAEHhB,kBAFG;AAFP,KAOE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCT,QAAxC,CAPF,CADF,CALF,EAgBGkB,eAAe,IACd,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEZ,OAAO,IAAIa,YAAY,CAACb;AAArD,IAjBJ,CADF,CAVF,CADF;AAmCD,CAjED;;AAmEAb,SAAS,CAACiC,YAAV,GAAyB;AACvBnB,EAAAA,cAAc,EAAE;AADO,CAAzB;;eAIe,oCAAed,SAAf,EAA0B;AACvCS,EAAAA,SAAS,EAAE,IAD4B;AAEvCC,EAAAA,UAAU,EAAE,IAF2B;AAGvCC,EAAAA,KAAK,EAAE,IAHgC;AAIvCC,EAAAA,QAAQ,EAAE;AAJ6B,CAA1B,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n  ModalRootContext,\n  useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  onClose?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\nconst ModalPage: React.FC<ModalPageProps> = (props: ModalPageProps) => {\n  const platform = usePlatform();\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onClose,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\n\n  React.useEffect(() => {\n    updateModalHeight();\n  }, [children]);\n\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"ModalPage\", platform),\n        `ModalPage--sizeX-${sizeX}`,\n        {\n          \"ModalPage--desktop\": isDesktop,\n        }\n      )}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div\n              vkuiClass=\"ModalPage__content\"\n              ref={multiRef<HTMLDivElement>(\n                refs.contentElement,\n                getModalContentRef\n              )}\n            >\n              <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n            </div>\n          </div>\n          {canShowCloseBtn && (\n            <ModalDismissButton onClick={onClose || modalContext.onClose} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasRef } from '../../types';
-import './ModalPageHeader.css';
+import * as React from "react";
+import { HasRef } from "../../types";
+import "./ModalPageHeader.css";
 export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement> {
     /**
      * Иконки, отображаемые слева

package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js

@@ -44,7 +44,7 @@ var ModalPageHeader = function ModalPageHeader(props) {
   var isPrimitive = (0, _utils.isPrimitiveReactNode)(children);
   var hasSeparator = separator && platform === _platform.VKCOM;
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalPageHeader', platform), "ModalPageHeader--sizeX-".concat(sizeX)),
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPageHeader", platform), "ModalPageHeader--sizeX-".concat(sizeX)),
     ref: getRef
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ModalPageHeader__in"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["ModalPageHeader","props","platform","sizeX","left","right","children","separator","getRef","restProps","isPrimitive","hasSeparator","VKCOM","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAeA,IAAMA,eAA8D,GAAG,SAAjEA,eAAiE,CAACC,KAAD,EAAiC;AACtG,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAQC,IAAR,GAAmEH,KAAnE,CAAQG,IAAR;AAAA,MAAcC,KAAd,GAAmEJ,KAAnE,CAAcI,KAAd;AAAA,MAAqBC,QAArB,GAAmEL,KAAnE,CAAqBK,QAArB;AAAA,MAA+BC,SAA/B,GAAmEN,KAAnE,CAA+BM,SAA/B;AAAA,MAA0CC,MAA1C,GAAmEP,KAAnE,CAA0CO,MAA1C;AAAA,MAAqDC,SAArD,0CAAmER,KAAnE;AACA,MAAMS,WAAW,GAAG,iCAAqBJ,QAArB,CAApB;AACA,MAAMK,YAAY,GAAGJ,SAAS,IAAIL,QAAQ,KAAKU,eAA/C;AAEA,SACE,uEACMH,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCP,QAAhC,CAAX,mCAAgFC,KAAhF,EAFb;AAGE,IAAA,GAAG,EAAEK;AAHP,MAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGJ,IADH,CADF,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,WAAW,GAAG,mDAAOJ,QAAP,CAAH,GAA6BA,QAD3C,CADF,CALF,EAWE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,KADH,CAXF,CALF,EAqBGM,YAAY,IAAI,qCAAC,kBAAD;AAAW,IAAA,IAAI,MAAf;AAAgB,IAAA,SAAS,EAAC;AAA1B,IArBnB,CADF;AAyBD,CAhCD;;AAkCAX,eAAe,CAACa,YAAhB,GAA+B;AAC7BN,EAAAA,SAAS,EAAE;AADkB,CAA/B;eAIeP,e","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRef } from '../../types';\nimport { isPrimitiveReactNode } from '../../lib/utils';\nimport { VKCOM } from '../../lib/platform';\nimport Separator from '../Separator/Separator';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './ModalPageHeader.css';\n\nexport interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement> {\n  /**\n   * Иконки, отображаемые слева\n   */\n  left?: React.ReactNode;\n  /**\n   * Иконки, отображаемые справа\n   */\n  right?: React.ReactNode;\n  separator?: boolean;\n}\n\nconst ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps> = (props: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const { sizeX } = useAdaptivity();\n  const { left, right, children, separator, getRef, ...restProps } = props;\n  const isPrimitive = isPrimitiveReactNode(children);\n  const hasSeparator = separator && platform === VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalPageHeader', platform), `ModalPageHeader--sizeX-${sizeX}`)}\n      ref={getRef}\n    >\n      <div vkuiClass=\"ModalPageHeader__in\">\n        <div vkuiClass=\"ModalPageHeader__left\">\n          {left}\n        </div>\n\n        <div vkuiClass=\"ModalPageHeader__content\">\n          <div vkuiClass=\"ModalPageHeader__content-in\">\n            {isPrimitive ? <span>{children}</span> : children}\n          </div>\n        </div>\n\n        <div vkuiClass=\"ModalPageHeader__right\">\n          {right}\n        </div>\n      </div>\n\n      {hasSeparator && <Separator wide vkuiClass=\"ModalPageHeader__separator\" />}\n    </div>\n  );\n};\n\nModalPageHeader.defaultProps = {\n  separator: true,\n};\n\nexport default ModalPageHeader;\n"],"file":"ModalPageHeader.js"}
+{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["ModalPageHeader","props","platform","sizeX","left","right","children","separator","getRef","restProps","isPrimitive","hasSeparator","VKCOM","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAiBA,IAAMA,eAA8D,GAAG,SAAjEA,eAAiE,CACrEC,KADqE,EAElE;AACH,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAQC,IAAR,GAAmEH,KAAnE,CAAQG,IAAR;AAAA,MAAcC,KAAd,GAAmEJ,KAAnE,CAAcI,KAAd;AAAA,MAAqBC,QAArB,GAAmEL,KAAnE,CAAqBK,QAArB;AAAA,MAA+BC,SAA/B,GAAmEN,KAAnE,CAA+BM,SAA/B;AAAA,MAA0CC,MAA1C,GAAmEP,KAAnE,CAA0CO,MAA1C;AAAA,MAAqDC,SAArD,0CAAmER,KAAnE;AACA,MAAMS,WAAW,GAAG,iCAAqBJ,QAArB,CAApB;AACA,MAAMK,YAAY,GAAGJ,SAAS,IAAIL,QAAQ,KAAKU,eAA/C;AAEA,SACE,uEACMH,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,iBAAb,EAAgCP,QAAhC,CADS,mCAEiBC,KAFjB,EAFb;AAME,IAAA,GAAG,EAAEK;AANP,MAQE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCJ,IAAxC,CADF,EAGE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,WAAW,GAAG,mDAAOJ,QAAP,CAAH,GAA6BA,QAD3C,CADF,CAHF,EASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAyCD,KAAzC,CATF,CARF,EAoBGM,YAAY,IACX,qCAAC,kBAAD;AAAW,IAAA,IAAI,MAAf;AAAgB,IAAA,SAAS,EAAC;AAA1B,IArBJ,CADF;AA0BD,CAnCD;;AAqCAX,eAAe,CAACa,YAAhB,GAA+B;AAC7BN,EAAAA,SAAS,EAAE;AADkB,CAA/B;eAIeP,e","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRef } from \"../../types\";\nimport { isPrimitiveReactNode } from \"../../lib/utils\";\nimport { VKCOM } from \"../../lib/platform\";\nimport Separator from \"../Separator/Separator\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Иконки, отображаемые слева\n   */\n  left?: React.ReactNode;\n  /**\n   * Иконки, отображаемые справа\n   */\n  right?: React.ReactNode;\n  separator?: boolean;\n}\n\nconst ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps> = (\n  props: ModalPageHeaderProps\n) => {\n  const platform = usePlatform();\n  const { sizeX } = useAdaptivity();\n  const { left, right, children, separator, getRef, ...restProps } = props;\n  const isPrimitive = isPrimitiveReactNode(children);\n  const hasSeparator = separator && platform === VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"ModalPageHeader\", platform),\n        `ModalPageHeader--sizeX-${sizeX}`\n      )}\n      ref={getRef}\n    >\n      <div vkuiClass=\"ModalPageHeader__in\">\n        <div vkuiClass=\"ModalPageHeader__left\">{left}</div>\n\n        <div vkuiClass=\"ModalPageHeader__content\">\n          <div vkuiClass=\"ModalPageHeader__content-in\">\n            {isPrimitive ? <span>{children}</span> : children}\n          </div>\n        </div>\n\n        <div vkuiClass=\"ModalPageHeader__right\">{right}</div>\n      </div>\n\n      {hasSeparator && (\n        <Separator wide vkuiClass=\"ModalPageHeader__separator\" />\n      )}\n    </div>\n  );\n};\n\nModalPageHeader.defaultProps = {\n  separator: true,\n};\n\nexport default ModalPageHeader;\n"],"file":"ModalPageHeader.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { HasPlatform } from '../../types';
-import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
-import './ModalRoot.css';
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import "./ModalRoot.css";
 export interface ModalRootProps extends HasPlatform {
     activeModal?: string | null;
     /**

package/dist/cjs/components/ModalRoot/ModalRoot.js

@@ -68,8 +68,8 @@ var _FocusTrap = require("../FocusTrap/FocusTrap");
 var _useModalManager = require("./useModalManager");
 
 var _excluded = ["id"];
-var warn = (0, _warnOnce.warnOnce)('ModalRoot');
-var IS_DEV = process.env.NODE_ENV === 'development';
+var warn = (0, _warnOnce.warnOnce)("ModalRoot");
+var IS_DEV = process.env.NODE_ENV === "development";
 
 function numberInRange(number, range) {
   return number >= range[0] && number <= range[1];
@@ -234,14 +234,14 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       // Отслеживаем изменение размеров viewport (Необходимо для iOS)
       if (this.props.platform === _platform.IOS) {
-        this.window.addEventListener('resize', this.updateModalTranslate, false);
+        this.window.addEventListener("resize", this.updateModalTranslate, false);
       }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.toggleDocumentScrolling(true);
-      this.window.removeEventListener('resize', this.updateModalTranslate, false);
+      this.window.removeEventListener("resize", this.updateModalTranslate, false);
     }
   }, {
     key: "componentDidUpdate",
@@ -293,12 +293,12 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         // Здесь нужен последний аргумент с такими же параметрами, потому что
         // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.
         // https://github.com/VKCOM/VKUI/issues/444
-        // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)
-        this.window.removeEventListener('touchmove', this.preventTouch, {
+        this.window.removeEventListener("touchmove", this.preventTouch, {
+          // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)
           passive: false
         });
       } else {
-        this.window.addEventListener('touchmove', this.preventTouch, {
+        this.window.addEventListener("touchmove", this.preventTouch, {
           passive: false
         });
       }
@@ -546,11 +546,11 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
     value: function waitTransitionFinish(modalState, eventHandler) {
       if (_supportEvents.transitionEvent.supported) {
         var onceHandler = function onceHandler() {
-          modalState.innerElement.removeEventListener(_supportEvents.transitionEvent.name, onceHandler);
+          modalState === null || modalState === void 0 ? void 0 : modalState.innerElement.removeEventListener(_supportEvents.transitionEvent.name, onceHandler);
           eventHandler();
         };
 
-        modalState.innerElement.addEventListener(_supportEvents.transitionEvent.name, onceHandler);
+        modalState === null || modalState === void 0 ? void 0 : modalState.innerElement.addEventListener(_supportEvents.transitionEvent.name, onceHandler);
       } else {
         setTimeout(eventHandler, this.timeout);
       }
@@ -616,10 +616,10 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
       }, (0, _jsxRuntime.createScopedElement)(_ModalRootContext.default.Provider, {
         value: this.modalRootContext
       }, (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
-        vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalRoot', this.props.platform), {
-          'ModalRoot--vkapps': this.props.configProvider.webviewType === _ConfigProviderContext.WebviewType.VKAPPS,
-          'ModalRoot--touched': touchDown,
-          'ModalRoot--switching': !!(enteringModal || exitingModal)
+        vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalRoot", this.props.platform), {
+          "ModalRoot--vkapps": this.props.configProvider.webviewType === _ConfigProviderContext.WebviewType.VKAPPS,
+          "ModalRoot--touched": touchDown,
+          "ModalRoot--switching": !!(enteringModal || exitingModal)
         }),
         onMove: this.onTouchMove,
         onEnd: this.onTouchEnd,
@@ -648,14 +648,14 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
           },
           onClose: _this7.props.closeActiveModal,
           timeout: _this7.timeout,
-          vkuiClass: (0, _classNames.classNames)('ModalRoot__modal', {
-            'ModalRoot__modal--active': modalId === activeModal,
-            'ModalRoot__modal--prev': modalId === exitingModal,
-            'ModalRoot__modal--next': exitingModal && modalId === activeModal || modalId === enteringModal,
-            'ModalRoot__modal--dragging': dragging,
-            'ModalRoot__modal--expandable': isPage && modalState.expandable,
-            'ModalRoot__modal--expanded': isPage && modalState.expanded,
-            'ModalRoot__modal--collapsed': isPage && modalState.collapsed
+          vkuiClass: (0, _classNames.classNames)("ModalRoot__modal", {
+            "ModalRoot__modal--active": modalId === activeModal,
+            "ModalRoot__modal--prev": modalId === exitingModal,
+            "ModalRoot__modal--next": exitingModal && modalId === activeModal || modalId === enteringModal,
+            "ModalRoot__modal--dragging": dragging,
+            "ModalRoot__modal--expandable": isPage && modalState.expandable,
+            "ModalRoot__modal--expanded": isPage && modalState.expanded,
+            "ModalRoot__modal--collapsed": isPage && modalState.collapsed
           }),
           restoreFocus: false
         }, Modal);
@@ -665,7 +665,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
   return ModalRootTouchComponent;
 }(React.Component);
 
-var ModalRootTouch = (0, _withContext.withContext)((0, _withPlatform.withPlatform)((0, _dom.withDOM)((0, _useModalManager.withModalManager)(initModal)(ModalRootTouchComponent))), _ConfigProviderContext.ConfigProviderContext, 'configProvider');
+var ModalRootTouch = (0, _withContext.withContext)((0, _withPlatform.withPlatform)((0, _dom.withDOM)((0, _useModalManager.withModalManager)(initModal)(ModalRootTouchComponent))), _ConfigProviderContext.ConfigProviderContext, "configProvider");
 /**
  * Инициализирует модалку перед анимацией открытия
  */
@@ -682,7 +682,7 @@ function initModal(modalState) {
       return initCardModal(modalState);
 
     default:
-      IS_DEV && warn('[initActiveModal] modalState.type is unknown');
+      IS_DEV && warn("[initActiveModal] modalState.type is unknown");
   }
 }