@vkontakte/vkui 5.4.2 → 5.5.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useId } from '../../hooks/useId';\nimport { useOrientationChange } from '../../hooks/useOrientationChange';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { multiRef } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { ModalType } from '../ModalRoot/types';\nimport { ModalPageContext } from './ModalPageContext';\nimport styles from './ModalPage.module.css';\n\nconst sizeClassName = {\n  s: styles['ModalPage--size-s'],\n  m: styles['ModalPage--size-m'],\n  l: styles['ModalPage--size-l'],\n};\n\nexport interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: 's' | 'm' | 'l' | number;\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n  /**\n   * Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)\n   */\n  hideCloseButton?: boolean;\n}\n\nconst warn = warnOnce('ModalPage');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = ({\n  children,\n  header,\n  size: sizeProp = 's',\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n  settlingHeight, // 75\n  dynamicContentHeight,\n  getModalContentRef,\n  nav,\n  id: idProp,\n  hideCloseButton = false,\n  className,\n  ...restProps\n}: ModalPageProps) => {\n  const generatingId = useId();\n  const id = idProp || generatingId;\n\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n\n  const platform = usePlatform();\n  const orientation = useOrientationChange();\n  const { sizeX, isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  React.useEffect(() => {\n    if (dynamicContentHeight) {\n      updateModalHeight();\n    }\n  }, [children, dynamicContentHeight, orientation, updateModalHeight]);\n\n  const isCloseButtonShown = !hideCloseButton && isDesktop;\n  const size = isDesktop ? sizeProp : 's';\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), ModalType.PAGE);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <ModalPageContext.Provider value={contextValue}>\n      <div\n        {...restProps}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={contextValue.labelId}\n        id={id}\n        className={classNames(\n          styles['ModalPage'],\n          platform === Platform.IOS && styles['ModalPage--ios'],\n          isDesktop && styles['ModalPage--desktop'],\n          sizeX === SizeType.REGULAR && 'vkuiInternalModalPage--sizeX-regular',\n          typeof size === 'string' && sizeClassName[size],\n          className,\n        )}\n      >\n        <div\n          className={styles['ModalPage__in-wrap']}\n          style={{\n            maxWidth: typeof size === 'number' ? size : undefined,\n          }}\n          ref={refs.innerElement}\n        >\n          <div className={styles['ModalPage__in']}>\n            <div className={styles['ModalPage__header']} ref={refs.headerElement}>\n              {header}\n            </div>\n\n            <div className={styles['ModalPage__content-wrap']}>\n              <div\n                className={styles['ModalPage__content']}\n                ref={multiRef<HTMLDivElement>(refs.contentElement, getModalContentRef)}\n              >\n                <div className={styles['ModalPage__content-in']}>{children}</div>\n              </div>\n            </div>\n            {isCloseButtonShown && <ModalDismissButton onClick={onClose || modalContext.onClose} />}\n          </div>\n        </div>\n      </div>\n    </ModalPageContext.Provider>\n  );\n};\n"],"names":["ModalPage","sizeClassName","s","m","l","warn","warnOnce","children","header","sizeProp","size","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","idProp","hideCloseButton","className","restProps","generatingId","useId","updateModalHeight","React","useContext","ModalRootContext","platform","usePlatform","orientation","useOrientationChange","useAdaptivityWithJSMediaQueries","sizeX","isDesktop","useEffect","isCloseButtonShown","modalContext","refs","useModalRegistry","getNavId","ModalType","PAGE","contextValue","useMemo","labelId","ModalPageContext","Provider","value","div","role","aria-modal","aria-labelledby","classNames","Platform","IOS","SizeType","REGULAR","style","maxWidth","undefined","ref","innerElement","headerElement","multiRef","contentElement","ModalDismissButton","onClick"],"mappings":";;;;+BAoEaA;;;eAAAA;;;;;;;2DApEU;oBACI;+CACqB;qBAC1B;oCACe;2BACT;0BACH;wBACY;wBACZ;qBACA;wBACA;kCACU;gCACgB;qBACzB;gCACO;AAGjC,IAAMC,gBAAgB;IACpBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AA0CA,IAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,IAAMN,YAAY,iBAgBH;QAfpBO,kBAAAA,UACAC,gBAAAA,QACMC,aAANC,MAAMD,WAAAA,iBAAW,MAAXA,KACNE,gBAAAA,QACAC,kBAAAA,UACAC,iBAAAA,SACAC,kBAAAA,UACAC,wBAAAA,gBACAC,8BAAAA,sBACAC,4BAAAA,oBACAC,aAAAA,KACAC,AAAIC,gBAAJD,oCACAE,iBAAAA,sDAAkB,KAAK,2BACvBC,mBAAAA,WACGC;QAdHhB;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAGA,IAAME,eAAeC,IAAAA,YAAK;IAC1B,IAAMN,KAAKC,UAAUI;IAErB,IAAM,AAAEE,oBAAsBC,OAAMC,UAAU,CAACC,kCAAgB,EAAvDH;IAER,IAAMI,WAAWC,IAAAA,wBAAW;IAC5B,IAAMC,cAAcC,IAAAA,0CAAoB;IACxC,IAA6BC,oCAAAA,IAAAA,gEAA+B,KAApDC,QAAqBD,kCAArBC,OAAOC,YAAcF,kCAAdE;IAEfT,OAAMU,SAAS,CAAC,WAAM;QACpB,IAAIrB,sBAAsB;YACxBU;QACF,CAAC;IACH,GAAG;QAACnB;QAAUS;QAAsBgB;QAAaN;KAAkB;IAEnE,IAAMY,qBAAqB,CAACjB,mBAAmBe;IAC/C,IAAM1B,OAAO0B,YAAY3B,WAAW,GAAG;IAEvC,IAAM8B,eAAeZ,OAAMC,UAAU,CAACC,kCAAgB;IACtD,IAAM,AAAEW,OAASC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAExB,KAAAA;QAAKC,IAAAA;IAAG,GAAGd,OAAOsC,gBAAS,CAACC,IAAI,EAArEJ;IAER,IAAMK,eAAelB,OAAMmB,OAAO,CAAC;eAAO;YAAEC,SAAS,AAAC,GAAK,OAAH5B,IAAG;QAAQ;OAAI;QAACA;KAAG;IAE3E,qBACE,qBAAC6B,kCAAgB,CAACC,QAAQ;QAACC,OAAOL;qBAChC,qBAACM,4CACK5B;QACJ6B,MAAK;QACLC,cAAW;QACXC,mBAAiBT,aAAaE,OAAO;QACrC5B,IAAIA;QACJG,WAAWiC,IAAAA,gBAAU,mBAEnBzB,aAAa0B,kBAAQ,CAACC,GAAG,0BACzBrB,uCACAD,UAAUuB,oBAAQ,CAACC,OAAO,IAAI,wCAC9B,OAAOjD,SAAS,YAAYT,aAAa,CAACS,KAAK,EAC/CY;sBAGF,qBAAC6B;QACC7B,SAAS;QACTsC,OAAO;YACLC,UAAU,OAAOnD,SAAS,WAAWA,OAAOoD,SAAS;QACvD;QACAC,KAAKvB,KAAKwB,YAAY;qBAEtB,qBAACb;QAAI7B,SAAS;qBACZ,qBAAC6B;QAAI7B,SAAS;QAA+ByC,KAAKvB,KAAKyB,aAAa;OACjEzD,uBAGH,qBAAC2C;QAAI7B,SAAS;qBACZ,qBAAC6B;QACC7B,SAAS;QACTyC,KAAKG,IAAAA,eAAQ,EAAiB1B,KAAK2B,cAAc,EAAElD;qBAEnD,qBAACkC;QAAI7B,SAAS;OAAoCf,aAGrD+B,oCAAsB,qBAAC8B,sCAAkB;QAACC,SAASxD,WAAW0B,aAAa1B,OAAO;;AAM/F"}
+{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useId } from '../../hooks/useId';\nimport { useOrientationChange } from '../../hooks/useOrientationChange';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { multiRef } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { ModalType } from '../ModalRoot/types';\nimport { ModalPageContext } from './ModalPageContext';\nimport styles from './ModalPage.module.css';\n\nconst sizeClassName = {\n  s: styles['ModalPage--size-s'],\n  m: styles['ModalPage--size-m'],\n  l: styles['ModalPage--size-l'],\n};\n\nexport interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: 's' | 'm' | 'l' | number;\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n  /**\n   * Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)\n   */\n  hideCloseButton?: boolean;\n}\n\nconst warn = warnOnce('ModalPage');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = ({\n  children,\n  header,\n  size: sizeProp = 's',\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n  settlingHeight, // 75\n  dynamicContentHeight,\n  getModalContentRef,\n  nav,\n  id: idProp,\n  hideCloseButton = false,\n  className,\n  ...restProps\n}: ModalPageProps) => {\n  const generatingId = useId();\n  const id = idProp || generatingId;\n\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n\n  const platform = usePlatform();\n  const orientation = useOrientationChange();\n  const { sizeX, isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  React.useEffect(() => {\n    if (dynamicContentHeight) {\n      updateModalHeight();\n    }\n  }, [children, dynamicContentHeight, orientation, updateModalHeight]);\n\n  const isCloseButtonShown = !hideCloseButton && isDesktop;\n  const size = isDesktop ? sizeProp : 's';\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), ModalType.PAGE);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <ModalPageContext.Provider value={contextValue}>\n      <div\n        {...restProps}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={contextValue.labelId}\n        id={id}\n        className={classNames(\n          styles['ModalPage'],\n          platform === Platform.IOS && styles['ModalPage--ios'],\n          isDesktop && styles['ModalPage--desktop'],\n          sizeX === SizeType.REGULAR && 'vkuiInternalModalPage--sizeX-regular',\n          typeof size === 'string' && sizeClassName[size],\n          className,\n        )}\n      >\n        <div\n          className={styles['ModalPage__in-wrap']}\n          style={{\n            maxWidth: typeof size === 'number' ? size : undefined,\n          }}\n          ref={refs.innerElement}\n        >\n          <div className={styles['ModalPage__in']}>\n            <div className={styles['ModalPage__header']} ref={refs.headerElement}>\n              {header}\n            </div>\n\n            <div className={styles['ModalPage__content-wrap']}>\n              <div\n                className={styles['ModalPage__content']}\n                ref={multiRef<HTMLDivElement>(refs.contentElement, getModalContentRef)}\n              >\n                <div className={styles['ModalPage__content-in']}>{children}</div>\n              </div>\n            </div>\n            {isCloseButtonShown && <ModalDismissButton onClick={onClose || modalContext.onClose} />}\n          </div>\n        </div>\n      </div>\n    </ModalPageContext.Provider>\n  );\n};\n"],"names":["ModalPage","sizeClassName","s","m","l","warn","warnOnce","children","header","sizeProp","size","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","idProp","hideCloseButton","className","restProps","generatingId","useId","updateModalHeight","React","useContext","ModalRootContext","platform","usePlatform","orientation","useOrientationChange","useAdaptivityWithJSMediaQueries","sizeX","isDesktop","useEffect","isCloseButtonShown","modalContext","refs","useModalRegistry","getNavId","ModalType","PAGE","contextValue","useMemo","labelId","ModalPageContext","Provider","value","div","role","aria-modal","aria-labelledby","classNames","Platform","IOS","SizeType","REGULAR","style","maxWidth","undefined","ref","innerElement","headerElement","multiRef","contentElement","ModalDismissButton","onClick"],"mappings":";;;;+BAoEaA;;;eAAAA;;;;;;;+DApEU;oBACI;+CACqB;qBAC1B;oCACe;2BACT;0BACH;wBACY;wBACZ;qBACA;wBACA;kCACU;gCACgB;qBACzB;gCACO;AAGjC,IAAMC,gBAAgB;IACpBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AA0CA,IAAMC,OAAOC,IAAAA,oBAAS;AAKf,IAAMN,YAAY;QACvBO,kBAAAA,UACAC,gBAAAA,QACMC,aAANC,MAAMD,WAAAA,iBAAW,MAAXA,KACNE,gBAAAA,QACAC,kBAAAA,UACAC,iBAAAA,SACAC,kBAAAA,UACAC,wBAAAA,gBACAC,8BAAAA,sBACAC,4BAAAA,oBACAC,aAAAA,KACAC,AAAIC,gBAAJD,oCACAE,iBAAAA,sDAAkB,gCAClBC,mBAAAA,WACGC;QAdHhB;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAGA,IAAME,eAAeC,IAAAA;IACrB,IAAMN,KAAKC,UAAUI;IAErB,IAAM,AAAEE,oBAAsBC,OAAMC,WAAWC,oCAAvCH;IAER,IAAMI,WAAWC,IAAAA;IACjB,IAAMC,cAAcC,IAAAA;IACpB,IAA6BC,oCAAAA,IAAAA,qEAArBC,QAAqBD,kCAArBC,OAAOC,YAAcF,kCAAdE;IAEfT,OAAMU,UAAU;QACd,IAAIrB,sBAAsB;YACxBU;QACF;IACF,GAAG;QAACnB;QAAUS;QAAsBgB;QAAaN;KAAkB;IAEnE,IAAMY,qBAAqB,CAACjB,mBAAmBe;IAC/C,IAAM1B,OAAO0B,YAAY3B,WAAW;IAEpC,IAAM8B,eAAeZ,OAAMC,WAAWC;IACtC,IAAM,AAAEW,OAASC,IAAAA,oCAAiBC,IAAAA,oBAAS;QAAExB,KAAAA;QAAKC,IAAAA;IAAG,GAAGd,OAAOsC,iBAAUC,MAAjEJ;IAER,IAAMK,eAAelB,OAAMmB,QAAQ;eAAO;YAAEC,SAAS,AAAC,GAAK,OAAH5B,IAAG;QAAQ;OAAI;QAACA;KAAG;IAE3E,qBACE,qBAAC6B,mCAAiBC;QAASC,OAAOL;qBAChC,qBAACM,mDACK5B;QACJ6B,MAAK;QACLC,cAAW;QACXC,mBAAiBT,aAAaE;QAC9B5B,IAAIA;QACJG,WAAWiC,IAAAA,mCAETzB,aAAa0B,mBAASC,6BACtBrB,uCACAD,UAAUuB,qBAASC,WAAW,wCAC9B,OAAOjD,SAAS,YAAYT,aAAa,CAACS,KAAK,EAC/CY;sBAGF,qBAAC6B;QACC7B,SAAS;QACTsC,OAAO;YACLC,UAAU,OAAOnD,SAAS,WAAWA,OAAOoD;QAC9C;QACAC,KAAKvB,KAAKwB;qBAEV,qBAACb;QAAI7B,SAAS;qBACZ,qBAAC6B;QAAI7B,SAAS;QAA+ByC,KAAKvB,KAAKyB;OACpDzD,uBAGH,qBAAC2C;QAAI7B,SAAS;qBACZ,qBAAC6B;QACC7B,SAAS;QACTyC,KAAKG,IAAAA,iBAAyB1B,KAAK2B,gBAAgBlD;qBAEnD,qBAACkC;QAAI7B,SAAS;OAAoCf,aAGrD+B,oCAAsB,qBAAC8B;QAAmBC,SAASxD,WAAW0B,aAAa1B;;AAMxF"}

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "ModalPageContext", {
         return ModalPageContext;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var ModalPageContext = /*#__PURE__*/ _react.createContext({});
 
 //# sourceMappingURL=ModalPageContext.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPage/ModalPageContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface ModalPageContextInterface {\n  labelId?: string;\n}\n\nexport const ModalPageContext = React.createContext<ModalPageContextInterface>({});\n"],"names":["ModalPageContext","React","createContext"],"mappings":";;;;+BAMaA;;;eAAAA;;;;2DANU;AAMhB,IAAMA,iCAAmBC,OAAMC,aAAa,CAA4B,CAAC"}
+{"version":3,"sources":["../../../../src/components/ModalPage/ModalPageContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface ModalPageContextInterface {\n  labelId?: string;\n}\n\nexport const ModalPageContext = React.createContext<ModalPageContextInterface>({});\n"],"names":["ModalPageContext","React","createContext"],"mappings":";;;;+BAMaA;;;eAAAA;;;;+DANU;AAMhB,IAAMA,iCAAmBC,OAAMC,cAAyC,CAAC"}

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

@@ -6,4 +6,4 @@ export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElemen
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalPageHeader
  */
-export declare const ModalPageHeader: ({ children, separator, getRef, className, ...restProps }: ModalPageHeaderProps) => JSX.Element;
+export declare const ModalPageHeader: ({ children, separator, getRef, className, ...restProps }: ModalPageHeaderProps) => React.JSX.Element;

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

@@ -8,20 +8,20 @@ Object.defineProperty(exports, "ModalPageHeader", {
         return ModalPageHeader;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
-var _modalPageContext = require("../ModalPage/ModalPageContext");
-var _panelHeader = require("../PanelHeader/PanelHeader");
-var _separator = require("../Separator/Separator");
+var _ModalPageContext = require("../ModalPage/ModalPageContext");
+var _PanelHeader = require("../PanelHeader/PanelHeader");
+var _Separator = require("../Separator/Separator");
 var ModalPageHeader = function(_param) {
-    var children = _param.children, _param_separator = _param.separator, separator = _param_separator === void 0 ? true : _param_separator, getRef = _param.getRef, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var children = _param.children, _param_separator = _param.separator, separator = _param_separator === void 0 ? true : _param_separator, getRef = _param.getRef, className = _param.className, restProps = _object_without_properties._(_param, [
         "children",
         "separator",
         "getRef",
@@ -30,11 +30,11 @@ var ModalPageHeader = function(_param) {
     var platform = (0, _usePlatform.usePlatform)();
     var hasSeparator = separator && platform === _platform.Platform.VKCOM;
     var isDesktop = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)().isDesktop;
-    var labelId = _react.useContext(_modalPageContext.ModalPageContext).labelId;
+    var labelId = _react.useContext(_ModalPageContext.ModalPageContext).labelId;
     return /*#__PURE__*/ _react.createElement("div", {
         className: (0, _vkjs.classNames)("vkuiModalPageHeader", platform !== _platform.Platform.VKCOM && "vkuiModalPageHeader--withGaps", isDesktop && "vkuiModalPageHeader--desktop"),
         ref: getRef
-    }, /*#__PURE__*/ _react.createElement(_panelHeader.PanelHeader, _objectSpreadProps(_objectSpread({
+    }, /*#__PURE__*/ _react.createElement(_PanelHeader.PanelHeader, _object_spread_props._(_object_spread._({
         className: (0, _vkjs.classNames)("vkuiInternalModalPageHeader__in", className)
     }, restProps), {
         fixed: false,
@@ -44,7 +44,7 @@ var ModalPageHeader = function(_param) {
             Component: "h2",
             id: labelId
         }
-    }), children), hasSeparator && /*#__PURE__*/ _react.createElement(_separator.Separator, {
+    }), children), hasSeparator && /*#__PURE__*/ _react.createElement(_Separator.Separator, {
         wide: true
     }));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRef } from '../../types';\nimport { ModalPageContext } from '../ModalPage/ModalPageContext';\nimport { PanelHeader, PanelHeaderProps } from '../PanelHeader/PanelHeader';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageHeader.module.css';\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, 'fixed' | 'shadow'>,\n    HasRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n  children,\n  separator = true,\n  getRef,\n  className,\n  ...restProps\n}: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const hasSeparator = separator && platform === Platform.VKCOM;\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const { labelId } = React.useContext(ModalPageContext);\n\n  return (\n    <div\n      className={classNames(\n        styles['ModalPageHeader'],\n        platform !== Platform.VKCOM && styles['ModalPageHeader--withGaps'],\n        isDesktop && styles['ModalPageHeader--desktop'],\n      )}\n      ref={getRef}\n    >\n      <PanelHeader\n        className={classNames('vkuiInternalModalPageHeader__in', className)}\n        {...restProps}\n        fixed={false}\n        separator={false}\n        transparent\n        typographyProps={{\n          Component: 'h2',\n          id: labelId,\n        }}\n      >\n        {children}\n      </PanelHeader>\n      {hasSeparator && <Separator wide />}\n    </div>\n  );\n};\n"],"names":["ModalPageHeader","children","separator","getRef","className","restProps","platform","usePlatform","hasSeparator","Platform","VKCOM","isDesktop","useAdaptivityWithJSMediaQueries","labelId","React","useContext","ModalPageContext","div","classNames","ref","PanelHeader","fixed","transparent","typographyProps","Component","id","Separator","wide"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;2DAnBU;oBACI;+CACqB;2BACpB;wBACH;gCAEQ;2BACa;yBACpB;AAWnB,IAAMA,kBAAkB,iBAMH;QAL1BC,kBAAAA,oCACAC,WAAAA,0CAAY,IAAI,qBAChBC,gBAAAA,QACAC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAAMC,eAAeN,aAAaI,aAAaG,kBAAQ,CAACC,KAAK;IAC7D,IAAM,AAAEC,YAAcC,IAAAA,gEAA+B,IAA7CD;IACR,IAAM,AAAEE,UAAYC,OAAMC,UAAU,CAACC,kCAAgB,EAA7CH;IAER,qBACE,qBAACI;QACCb,WAAWc,IAAAA,gBAAU,yBAEnBZ,aAAaG,kBAAQ,CAACC,KAAK,qCAC3BC;QAEFQ,KAAKhB;qBAEL,qBAACiB,wBAAW;QACVhB,WAAWc,IAAAA,gBAAU,EAAC,mCAAmCd;OACrDC;QACJgB,OAAO,KAAK;QACZnB,WAAW,KAAK;QAChBoB,aAAAA,IAAW;QACXC,iBAAiB;YACfC,WAAW;YACXC,IAAIZ;QACN;QAECZ,WAEFO,8BAAgB,qBAACkB,oBAAS;QAACC,MAAAA,IAAI;;AAGtC"}
+{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRef } from '../../types';\nimport { ModalPageContext } from '../ModalPage/ModalPageContext';\nimport { PanelHeader, PanelHeaderProps } from '../PanelHeader/PanelHeader';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageHeader.module.css';\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, 'fixed' | 'shadow'>,\n    HasRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n  children,\n  separator = true,\n  getRef,\n  className,\n  ...restProps\n}: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const hasSeparator = separator && platform === Platform.VKCOM;\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const { labelId } = React.useContext(ModalPageContext);\n\n  return (\n    <div\n      className={classNames(\n        styles['ModalPageHeader'],\n        platform !== Platform.VKCOM && styles['ModalPageHeader--withGaps'],\n        isDesktop && styles['ModalPageHeader--desktop'],\n      )}\n      ref={getRef}\n    >\n      <PanelHeader\n        className={classNames('vkuiInternalModalPageHeader__in', className)}\n        {...restProps}\n        fixed={false}\n        separator={false}\n        transparent\n        typographyProps={{\n          Component: 'h2',\n          id: labelId,\n        }}\n      >\n        {children}\n      </PanelHeader>\n      {hasSeparator && <Separator wide />}\n    </div>\n  );\n};\n"],"names":["ModalPageHeader","children","separator","getRef","className","restProps","platform","usePlatform","hasSeparator","Platform","VKCOM","isDesktop","useAdaptivityWithJSMediaQueries","labelId","React","useContext","ModalPageContext","div","classNames","ref","PanelHeader","fixed","transparent","typographyProps","Component","id","Separator","wide"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;+DAnBU;oBACI;+CACqB;2BACpB;wBACH;gCAEQ;2BACa;yBACpB;AAWnB,IAAMA,kBAAkB;QAC7BC,kBAAAA,oCACAC,WAAAA,0CAAY,yBACZC,gBAAAA,QACAC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWC,IAAAA;IACjB,IAAMC,eAAeN,aAAaI,aAAaG,mBAASC;IACxD,IAAM,AAAEC,YAAcC,IAAAA,oEAAdD;IACR,IAAM,AAAEE,UAAYC,OAAMC,WAAWC,oCAA7BH;IAER,qBACE,qBAACI;QACCb,WAAWc,IAAAA,yCAETZ,aAAaG,mBAASC,0CACtBC;QAEFQ,KAAKhB;qBAEL,qBAACiB;QACChB,WAAWc,IAAAA,kBAAW,mCAAmCd;OACrDC;QACJgB,OAAO;QACPnB,WAAW;QACXoB,aAAAA;QACAC,iBAAiB;YACfC,WAAW;YACXC,IAAIZ;QACN;QAECZ,WAEFO,8BAAgB,qBAACkB;QAAUC,MAAAA;;AAGlC"}

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

@@ -8,17 +8,18 @@ Object.defineProperty(exports, "ModalRootTouch", {
         return ModalRootTouch;
     }
 });
-var _assertThisInitialized = require("@swc/helpers/lib/_assert_this_initialized.js").default;
-var _classCallCheck = require("@swc/helpers/lib/_class_call_check.js").default;
-var _createClass = require("@swc/helpers/lib/_create_class.js").default;
-var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
-var _inherits = require("@swc/helpers/lib/_inherits.js").default;
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _createSuper = require("@swc/helpers/lib/_create_super.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _assert_this_initialized = require("@swc/helpers/_/_assert_this_initialized");
+var _class_call_check = require("@swc/helpers/_/_class_call_check");
+var _create_class = require("@swc/helpers/_/_create_class");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _inherits = require("@swc/helpers/_/_inherits");
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
+var _create_super = require("@swc/helpers/_/_create_super");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _math = require("../../helpers/math");
 var _withContext = require("../../hoc/withContext");
@@ -30,11 +31,11 @@ var _styles = require("../../lib/styles");
 var _supportEvents = require("../../lib/supportEvents");
 var _touch = require("../../lib/touch");
 var _warnOnce = require("../../lib/warnOnce");
-var _configProviderContext = require("../ConfigProvider/ConfigProviderContext");
-var _focusTrap = require("../FocusTrap/FocusTrap");
-var _touch1 = require("../Touch/Touch");
-var _touchContext = /*#__PURE__*/ _interopRequireDefault(require("../Touch/TouchContext"));
-var _modalRootContext = require("./ModalRootContext");
+var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
+var _FocusTrap = require("../FocusTrap/FocusTrap");
+var _Touch = require("../Touch/Touch");
+var _TouchContext = /*#__PURE__*/ _interop_require_default._(require("../Touch/TouchContext"));
+var _ModalRootContext = require("./ModalRootContext");
 var _constants = require("./constants");
 var _types = require("./types");
 var _useModalManager = require("./useModalManager");
@@ -50,20 +51,20 @@ function rangeTranslate(number) {
 }
 var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
     "use strict";
-    _inherits(ModalRootTouchComponent, _React_Component);
-    var _super = _createSuper(ModalRootTouchComponent);
+    _inherits._(ModalRootTouchComponent, _React_Component);
+    var _super = _create_super._(ModalRootTouchComponent);
     function ModalRootTouchComponent(props) {
-        _classCallCheck(this, ModalRootTouchComponent);
+        _class_call_check._(this, ModalRootTouchComponent);
         var _this;
         _this = _super.call(this, props);
-        _defineProperty(_assertThisInitialized(_this), "documentScrolling", false);
-        _defineProperty(_assertThisInitialized(_this), "maskElementRef", void 0);
-        _defineProperty(_assertThisInitialized(_this), "viewportRef", /*#__PURE__*/ _react.createRef());
-        _defineProperty(_assertThisInitialized(_this), "maskAnimationFrame", undefined);
-        _defineProperty(_assertThisInitialized(_this), "modalRootContext", void 0);
-        _defineProperty(_assertThisInitialized(_this), "frameIds", void 0);
-        _defineProperty(_assertThisInitialized(_this), "restoreFocusTo", undefined);
-        _defineProperty(_assertThisInitialized(_this), "preventTouch", function(event) {
+        _define_property._(_assert_this_initialized._(_this), "documentScrolling", false);
+        _define_property._(_assert_this_initialized._(_this), "maskElementRef", void 0);
+        _define_property._(_assert_this_initialized._(_this), "viewportRef", /*#__PURE__*/ _react.createRef());
+        _define_property._(_assert_this_initialized._(_this), "maskAnimationFrame", undefined);
+        _define_property._(_assert_this_initialized._(_this), "modalRootContext", void 0);
+        _define_property._(_assert_this_initialized._(_this), "frameIds", void 0);
+        _define_property._(_assert_this_initialized._(_this), "restoreFocusTo", undefined);
+        _define_property._(_assert_this_initialized._(_this), "preventTouch", function(event) {
             if (!event) {
                 return false;
             }
@@ -75,7 +76,7 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
             }
             return false;
         });
-        _defineProperty(_assertThisInitialized(_this), "updateModalHeight", function() {
+        _define_property._(_assert_this_initialized._(_this), "updateModalHeight", function() {
             var modalState = _this.props.getModalState(_this.props.activeModal);
             if (modalState && modalState.type === _types.ModalType.PAGE) {
                 if (_this.props.enteringModal) {
@@ -91,7 +92,7 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
                 }
             }
         });
-        _defineProperty(_assertThisInitialized(_this), "onTouchMove", function(e) {
+        _define_property._(_assert_this_initialized._(_this), "onTouchMove", function(e) {
             if (_this.props.exitingModal) {
                 return;
             }
@@ -106,7 +107,7 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
                 return _this.onCardTouchMove(e, modalState);
             }
         });
-        _defineProperty(_assertThisInitialized(_this), "onTouchEnd", function(e) {
+        _define_property._(_assert_this_initialized._(_this), "onTouchEnd", function(e) {
             var modalState = _this.props.getModalState(_this.props.activeModal);
             if ((modalState === null || modalState === void 0 ? void 0 : modalState.type) === _types.ModalType.PAGE) {
                 return _this.onPageTouchEnd(e, modalState);
@@ -115,7 +116,7 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
                 return _this.onCardTouchEnd(e, modalState);
             }
         });
-        _defineProperty(_assertThisInitialized(_this), "onScroll", function(e) {
+        _define_property._(_assert_this_initialized._(_this), "onScroll", function(e) {
             var _modalState_contentElement;
             var activeModal = _this.props.activeModal;
             var target = e.target;
@@ -137,14 +138,15 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
         });
         _this.state = {
             touchDown: false,
-            dragging: false
+            dragging: false,
+            modalOpenedLog: []
         };
         _this.maskElementRef = /*#__PURE__*/ _react.createRef();
         var _this_props_getModalState;
         _this.modalRootContext = {
             updateModalHeight: _this.updateModalHeight,
             registerModal: function(_param) {
-                var id = _param.id, data = _objectWithoutProperties(_param, [
+                var id = _param.id, data = _object_without_properties._(_param, [
                     "id"
                 ]);
                 return Object.assign((_this_props_getModalState = _this.props.getModalState(id)) !== null && _this_props_getModalState !== void 0 ? _this_props_getModalState : {}, data);
@@ -157,7 +159,7 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
         _this.frameIds = {};
         return _this;
     }
-    _createClass(ModalRootTouchComponent, [
+    _create_class._(ModalRootTouchComponent, [
         {
             key: "timeout",
             get: function get() {
@@ -259,9 +261,9 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
             value: function checkPageContentHeight() {
                 var modalState = this.props.getModalState(this.props.activeModal);
                 if ((modalState === null || modalState === void 0 ? void 0 : modalState.type) === _types.ModalType.PAGE && (modalState === null || modalState === void 0 ? void 0 : modalState.modalElement)) {
-                    var prevModalState = _objectSpread({}, modalState);
+                    var prevModalState = _object_spread._({}, modalState);
                     initPageModal(modalState);
-                    var currentModalState = _objectSpread({}, modalState);
+                    var currentModalState = _object_spread._({}, modalState);
                     var needAnimate = false;
                     if (prevModalState.expandable === currentModalState.expandable) {
                         if (prevModalState.translateYFrom !== currentModalState.translateYFrom) {
@@ -289,6 +291,15 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
                     id && warn("closeActiveModal: модальное окно (страница) ".concat(id, " не существует"), "error");
                     return;
                 }
+                if (!this.state.modalOpenedLog.length) {
+                    this.setState(function(prevState) {
+                        return {
+                            modalOpenedLog: _to_consumable_array._(prevState.modalOpenedLog).concat([
+                                id
+                            ])
+                        };
+                    });
+                }
                 var nextModalState = this.props.getModalState(this.props.activeModal);
                 var nextIsPage = !!nextModalState && nextModalState.type === _types.ModalType.PAGE;
                 var prevIsPage = !!prevModalState && prevModalState.type === _types.ModalType.PAGE;
@@ -301,6 +312,19 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
                 if (!nextModalState) {
                     // NOTE: was only for clean exit
                     this.setMaskOpacity(prevModalState, 0);
+                    this.setState({
+                        modalOpenedLog: []
+                    });
+                    prevModalState.translateY = undefined;
+                } else if (nextModalState.id && !this.state.modalOpenedLog.includes(nextModalState.id)) {
+                    nextModalState.translateY = undefined;
+                    this.setState(function(prevState) {
+                        return {
+                            modalOpenedLog: _to_consumable_array._(prevState.modalOpenedLog).concat([
+                                nextModalState.id
+                            ])
+                        };
+                    });
                 }
             }
         },
@@ -537,12 +561,12 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
                 if (!activeModal && !exitingModal) {
                     return null;
                 }
-                return /*#__PURE__*/ _react.createElement(_touchContext.default.Provider, {
+                return /*#__PURE__*/ _react.createElement(_TouchContext.default.Provider, {
                     value: true
-                }, /*#__PURE__*/ _react.createElement(_modalRootContext.ModalRootContext.Provider, {
+                }, /*#__PURE__*/ _react.createElement(_ModalRootContext.ModalRootContext.Provider, {
                     value: this.modalRootContext
-                }, /*#__PURE__*/ _react.createElement(_touch1.Touch, {
-                    className: (0, _vkjs.classNames)("vkuiModalRoot", ((_this_props_configProvider = this.props.configProvider) === null || _this_props_configProvider === void 0 ? void 0 : _this_props_configProvider.webviewType) === _configProviderContext.WebviewType.VKAPPS && "vkuiModalRoot--vkapps", touchDown && (0, _vkjs.classNames)("vkuiModalRoot--touched", "vkuiInternalModalRoot--touched"), !!(enteringModal || exitingModal) && (0, _vkjs.classNames)("vkuiModalRoot--switching", "vkuiInternalModalRoot--switching")),
+                }, /*#__PURE__*/ _react.createElement(_Touch.Touch, {
+                    className: (0, _vkjs.classNames)("vkuiModalRoot", ((_this_props_configProvider = this.props.configProvider) === null || _this_props_configProvider === void 0 ? void 0 : _this_props_configProvider.webviewType) === _ConfigProviderContext.WebviewType.VKAPPS && "vkuiModalRoot--vkapps", touchDown && (0, _vkjs.classNames)("vkuiModalRoot--touched", "vkuiInternalModalRoot--touched"), !!(enteringModal || exitingModal) && (0, _vkjs.classNames)("vkuiModalRoot--switching", "vkuiInternalModalRoot--switching")),
                     onMove: this.onTouchMove,
                     onEnd: this.onTouchEnd,
                     onScroll: this.onScroll
@@ -559,10 +583,10 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
                     if (modalId !== activeModal && modalId !== exitingModal || !_modalState) {
                         return null;
                     }
-                    var modalState = _objectSpread({}, _modalState);
+                    var modalState = _object_spread._({}, _modalState);
                     var isPage = modalState.type === _types.ModalType.PAGE;
                     var key = "modal-".concat(modalId);
-                    return /*#__PURE__*/ _react.createElement(_focusTrap.FocusTrap, {
+                    return /*#__PURE__*/ _react.createElement(_FocusTrap.FocusTrap, {
                         key: key,
                         getRootRef: function(e) {
                             var modalState = _this.props.getModalState(modalId);
@@ -581,7 +605,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");
 /**
  * Инициализирует модалку перед анимацией открытия
  */ function initModal(modalState) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { setTransformStyle } from '../../lib/styles';\nimport { transitionEvent } from '../../lib/supportEvents';\nimport { rubber } from '../../lib/touch';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ConfigProviderContext, WebviewType } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from './constants';\nimport { ModalRootWithDOMProps, ModalsStateEntry, ModalType, TranslateRange } from './types';\nimport { ModalTransitionProps, withModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nfunction numberInRange(number: number, range: TranslateRange | undefined) {\n  if (!range) {\n    return false;\n  }\n  return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n  return clamp(number, 0, 98);\n}\n\ninterface ModalRootState {\n  touchDown?: boolean;\n  dragging?: boolean;\n}\n\nclass ModalRootTouchComponent extends React.Component<\n  ModalRootWithDOMProps & DOMProps & ModalTransitionProps,\n  ModalRootState\n> {\n  constructor(props: ModalRootWithDOMProps & ModalTransitionProps) {\n    super(props);\n    this.state = {\n      touchDown: false,\n      dragging: false,\n    };\n\n    this.maskElementRef = React.createRef();\n\n    this.modalRootContext = {\n      updateModalHeight: this.updateModalHeight,\n      registerModal: ({ id, ...data }) => Object.assign(this.props.getModalState(id) ?? {}, data),\n      onClose: () => this.props.onExit(),\n      isInsideModal: true,\n    };\n\n    this.frameIds = {};\n  }\n\n  private documentScrolling = false;\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private readonly viewportRef = React.createRef<HTMLDivElement>();\n  private maskAnimationFrame: number | undefined = undefined;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private readonly frameIds: {\n    [index: string]: number;\n  };\n  private restoreFocusTo: HTMLElement | undefined | null = undefined;\n\n  get timeout(): number {\n    return this.props.platform === Platform.IOS ? 400 : 320;\n  }\n\n  get document(): Document {\n    return this.props.document as Document;\n  }\n\n  get window(): Window {\n    return this.props.window as Window;\n  }\n\n  getModals() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  componentDidMount() {\n    // Отслеживаем изменение размеров viewport\n    this.window?.addEventListener('resize', this.updateModalHeight, false);\n  }\n\n  componentWillUnmount() {\n    this.toggleDocumentScrolling(true);\n    this.window.removeEventListener('resize', this.updateModalHeight, false);\n  }\n\n  componentDidUpdate(prevProps: ModalRootWithDOMProps & ModalTransitionProps) {\n    // transition phase 2: animate exiting modal\n    if (this.props.exitingModal && this.props.exitingModal !== prevProps.exitingModal) {\n      this.closeModal(this.props.exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (this.props.enteringModal && this.props.enteringModal !== prevProps.enteringModal) {\n      const { enteringModal } = this.props;\n      const enteringState = this.props.getModalState(enteringModal);\n      this.props.onEnter();\n      this.waitTransitionFinish(enteringState, () => {\n        if (enteringState?.innerElement) {\n          enteringState.innerElement.style.transitionDelay = '';\n        }\n        this.props.onEntered(enteringModal);\n      });\n\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n          ? `${this.timeout}ms`\n          : '';\n        this.animateTranslate(enteringState, enteringState.translateY);\n      }\n    }\n\n    // focus restoration\n    if (this.props.activeModal && !prevProps.activeModal) {\n      this.restoreFocusTo = this.document.activeElement as HTMLElement;\n    }\n    if (!this.props.activeModal && !this.props.exitingModal && this.restoreFocusTo) {\n      this.restoreFocusTo.focus();\n      this.restoreFocusTo = null;\n    }\n\n    this.toggleDocumentScrolling(!this.props.activeModal && !this.props.exitingModal);\n  }\n\n  /* Отключает скролл документа */\n  toggleDocumentScrolling(enabled: boolean) {\n    if (this.documentScrolling === enabled) {\n      return;\n    }\n    this.documentScrolling = enabled;\n\n    if (enabled) {\n      // Здесь нужен последний аргумент с такими же параметрами, потому что\n      // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n      // https://github.com/VKCOM/VKUI/issues/444\n      this.window.removeEventListener('touchmove', this.preventTouch, {\n        // @ts-expect-error: TS2769 В интерфейсе EventListenerOptions нет поля passive\n        passive: false,\n      });\n    } else {\n      this.window.addEventListener('touchmove', this.preventTouch, {\n        passive: false,\n      });\n    }\n  }\n\n  preventTouch = (event: any) => {\n    if (!event) {\n      return false;\n    }\n    while (event.originalEvent) {\n      event = event.originalEvent;\n    }\n    if (event.preventDefault) {\n      event.preventDefault();\n    }\n    return false;\n  };\n\n  checkPageContentHeight() {\n    const modalState = this.props.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n      const prevModalState = { ...modalState };\n      initPageModal(modalState);\n      const currentModalState = { ...modalState };\n\n      let needAnimate = false;\n\n      if (prevModalState.expandable === currentModalState.expandable) {\n        if (prevModalState.translateYFrom !== currentModalState.translateYFrom) {\n          needAnimate = true;\n        }\n      } else {\n        needAnimate = true;\n      }\n\n      if (needAnimate) {\n        this.animateTranslate(modalState, modalState.translateY);\n      }\n    }\n  }\n\n  updateModalHeight = () => {\n    const modalState = this.props.getModalState(this.props.activeModal);\n\n    if (modalState && modalState.type === ModalType.PAGE) {\n      if (this.props.enteringModal) {\n        this.waitTransitionFinish(modalState, () => {\n          requestAnimationFrame(() => this.checkPageContentHeight());\n        });\n      } else {\n        requestAnimationFrame(() => this.checkPageContentHeight());\n      }\n    }\n  };\n\n  closeModal(id: string) {\n    // Сбрасываем состояния, которые могут помешать закрытию модального окна\n    this.setState({ touchDown: false });\n\n    const prevModalState = this.props.getModalState(id);\n\n    if (!prevModalState) {\n      id && warn(`closeActiveModal: модальное окно (страница) ${id} не существует`, 'error');\n      return;\n    }\n\n    const nextModalState = this.props.getModalState(this.props.activeModal);\n    const nextIsPage = !!nextModalState && nextModalState.type === ModalType.PAGE;\n\n    const prevIsPage = !!prevModalState && prevModalState.type === ModalType.PAGE;\n    this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n    const exitTranslate =\n      prevIsPage &&\n      nextIsPage &&\n      (prevModalState.translateY ?? 0) <= (nextModalState?.translateYFrom ?? 0) &&\n      !this.props.isBack\n        ? (nextModalState?.translateYFrom ?? 0) + 10\n        : 100;\n    this.animateTranslate(prevModalState, exitTranslate);\n\n    if (!nextModalState) {\n      // NOTE: was only for clean exit\n      this.setMaskOpacity(prevModalState, 0);\n    }\n  }\n\n  onTouchMove = (e: TouchEvent) => {\n    if (this.props.exitingModal) {\n      return;\n    }\n    const modalState = this.props.getModalState(this.props.activeModal);\n    if (!modalState) {\n      return;\n    }\n\n    if (modalState.type === ModalType.PAGE) {\n      return this.onPageTouchMove(e, modalState);\n    }\n\n    if (modalState.type === ModalType.CARD) {\n      return this.onCardTouchMove(e, modalState);\n    }\n  };\n\n  onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { shiftY, originalEvent } = event;\n    const target = originalEvent.target as HTMLElement;\n\n    if (!event.isY) {\n      if (this.viewportRef.current?.contains(target)) {\n        originalEvent.preventDefault();\n      }\n      return;\n    }\n\n    if (!modalState.innerElement?.contains(target)) {\n      return originalEvent.preventDefault();\n    }\n\n    originalEvent.stopPropagation();\n\n    const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n    if (!this.state.touchDown) {\n      modalState.touchStartContentScrollTop = modalState.contentElement?.scrollTop ?? 0;\n      this.setState({ touchDown: true });\n    }\n\n    if (contentScrolled) {\n      return;\n    }\n\n    if (modalState.touchMovePositive === null) {\n      modalState.touchMovePositive = shiftY > 0;\n    }\n\n    if (\n      !modalState.expandable ||\n      collapsed ||\n      (expanded && modalState.touchMovePositive && modalState.touchStartContentScrollTop === 0) ||\n      modalState.headerElement?.contains(target)\n    ) {\n      originalEvent.preventDefault();\n\n      if ((!expandable && shiftY < 0) || !this.window) {\n        return;\n      }\n\n      !this.state.dragging && this.setState({ dragging: true });\n\n      const shiftYPercent = (shiftY / this.window.innerHeight) * 100;\n      const shiftYCurrent = rubber(shiftYPercent, 72, 0.8, this.props.platform !== Platform.IOS);\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = rangeTranslate((modalState.translateY ?? 0) + shiftYCurrent);\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { originalEvent, shiftY } = event;\n    const target = originalEvent.target as HTMLElement;\n    if (modalState.innerElement?.contains(target)) {\n      if (!this.state.touchDown) {\n        this.setState({ touchDown: true, dragging: true });\n      }\n\n      const shiftYPercent = (shiftY / modalState.innerElement.offsetHeight) * 100;\n      const shiftYCurrent = rubber(shiftYPercent, 72, 1.2, this.props.platform !== Platform.IOS);\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = Math.max(0, (modalState.translateY ?? 0) + shiftYCurrent);\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onTouchEnd = (e: TouchEvent) => {\n    const modalState = this.props.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE) {\n      return this.onPageTouchEnd(e, modalState);\n    }\n\n    if (modalState?.type === ModalType.CARD) {\n      return this.onCardTouchEnd(e, modalState);\n    }\n  };\n\n  onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { startY, shiftY } = event;\n\n    modalState.contentScrolled = false;\n    modalState.touchMovePositive = null;\n\n    let setStateCallback;\n\n    if (this.state.dragging && this.window) {\n      const shiftYEndPercent = ((startY + shiftY) / this.window.innerHeight) * 100;\n\n      let translateY = modalState.translateYCurrent ?? 0;\n      const expectTranslateY =\n        (translateY / event.duration) *\n        240 *\n        0.6 *\n        ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = rangeTranslate(translateY + expectTranslateY);\n\n      if (modalState.settlingHeight !== 100) {\n        if (numberInRange(translateY, modalState.expandedRange)) {\n          translateY = modalState.expandedRange?.[0] ?? 0;\n        } else if (numberInRange(translateY, modalState.collapsedRange)) {\n          translateY = modalState.translateYFrom ?? 0;\n        } else if (numberInRange(translateY, modalState.hiddenRange)) {\n          translateY = 100;\n        } else {\n          translateY = modalState.translateYFrom ?? 0;\n        }\n      } else {\n        if (numberInRange(translateY, [0, 25])) {\n          translateY = 0;\n        } else {\n          translateY = 100;\n        }\n      }\n\n      if (translateY !== 100 && shiftYEndPercent >= 75) {\n        translateY = 100;\n      }\n\n      modalState.translateY = translateY;\n      modalState.translateYCurrent = translateY;\n      modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n      modalState.expanded = translateY === 0;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.onExit();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback,\n    );\n  }\n\n  onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n    let setStateCallback;\n\n    if (this.state.dragging) {\n      let translateY = modalState.translateYCurrent ?? 0;\n\n      const expectTranslateY =\n        (translateY / duration) * 240 * 0.6 * ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = Math.max(0, translateY + expectTranslateY);\n\n      if (translateY >= 30) {\n        translateY = 100;\n      } else {\n        translateY = 0;\n      }\n\n      modalState.translateY = translateY;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.onExit();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback,\n    );\n  }\n\n  onScroll = (e: React.SyntheticEvent) => {\n    const activeModal = this.props.activeModal;\n\n    const target = e.target as HTMLElement;\n\n    if (!activeModal) {\n      return;\n    }\n    const modalState = this.props.getModalState(activeModal);\n    if (modalState?.type === ModalType.PAGE && modalState?.contentElement?.contains(target)) {\n      modalState.contentScrolled = true;\n\n      if (modalState.contentScrollStopTimeout) {\n        clearTimeout(modalState.contentScrollStopTimeout);\n      }\n\n      modalState.contentScrollStopTimeout = setTimeout(() => {\n        if (modalState.contentScrolled) {\n          modalState.contentScrolled = false;\n        }\n      }, 250);\n    }\n  };\n\n  waitTransitionFinish(modalState: ModalsStateEntry | undefined, eventHandler: () => void) {\n    if (transitionEvent.supported) {\n      const onceHandler = () => {\n        modalState?.innerElement?.removeEventListener(transitionEvent.name as string, onceHandler);\n        eventHandler();\n      };\n\n      modalState?.innerElement?.addEventListener(transitionEvent.name as string, onceHandler);\n    } else {\n      setTimeout(eventHandler, this.timeout);\n    }\n  }\n\n  /**\n   * Анимирует сдвиг модалки\n   *\n   * @param {ModalsStateEntry} modalState\n   * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n   */\n  animateTranslate(modalState: ModalsStateEntry, percent: number | undefined) {\n    const frameId = `animateTranslateFrame${modalState.id}`;\n\n    cancelAnimationFrame(this.frameIds[frameId]);\n\n    this.frameIds[frameId] = requestAnimationFrame(() => {\n      setTransformStyle(modalState.innerElement, `translate3d(0, ${percent}%, 0)`);\n    });\n  }\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  setMaskOpacity(modalState: ModalsStateEntry, forceOpacity: number | null = null) {\n    if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n      return;\n    }\n    if (this.maskAnimationFrame) {\n      cancelAnimationFrame(this.maskAnimationFrame);\n    }\n    this.maskAnimationFrame = requestAnimationFrame(() => {\n      if (this.maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        this.maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n      }\n    });\n  }\n\n  render() {\n    const { activeModal, exitingModal, enteringModal } = this.props;\n    const { touchDown, dragging } = this.state;\n\n    if (!activeModal && !exitingModal) {\n      return null;\n    }\n\n    return (\n      <TouchRootContext.Provider value={true}>\n        <ModalRootContext.Provider value={this.modalRootContext}>\n          <Touch\n            className={classNames(\n              styles['ModalRoot'],\n              this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n                styles['ModalRoot--vkapps'],\n              touchDown &&\n                classNames(styles['ModalRoot--touched'], 'vkuiInternalModalRoot--touched'),\n              !!(enteringModal || exitingModal) &&\n                classNames(styles['ModalRoot--switching'], 'vkuiInternalModalRoot--switching'),\n            )}\n            onMove={this.onTouchMove}\n            onEnd={this.onTouchEnd}\n            onScroll={this.onScroll}\n          >\n            <div\n              className={styles['ModalRoot__mask']}\n              onClick={this.props.onExit}\n              ref={this.maskElementRef}\n            />\n            <div className={styles['ModalRoot__viewport']} ref={this.viewportRef}>\n              {this.getModals().map((Modal) => {\n                const modalId = getNavId(Modal.props, warn);\n                const _modalState = this.props.getModalState(modalId);\n                if ((modalId !== activeModal && modalId !== exitingModal) || !_modalState) {\n                  return null;\n                }\n                const modalState = { ..._modalState };\n\n                const isPage = modalState.type === ModalType.PAGE;\n                const key = `modal-${modalId}`;\n\n                return (\n                  <FocusTrap\n                    key={key}\n                    getRootRef={(e) => {\n                      const modalState = this.props.getModalState(modalId);\n                      if (modalState) {\n                        modalState.modalElement = e;\n                      }\n                    }}\n                    onClose={this.props.onExit}\n                    timeout={this.timeout}\n                    className={classNames(\n                      styles['ModalRoot__modal'],\n\n                      dragging && 'vkuiInternalModalRoot__modal--dragging',\n\n                      isPage && modalState.expandable && 'vkuiInternalModalRoot__modal--expandable',\n                      isPage && modalState.collapsed && 'vkuiInternalModalRoot__modal--collapsed',\n                    )}\n                    restoreFocus={false}\n                  >\n                    {Modal}\n                  </FocusTrap>\n                );\n              })}\n            </div>\n          </Touch>\n        </ModalRootContext.Provider>\n      </TouchRootContext.Provider>\n    );\n  }\n}\n\nexport const ModalRootTouch = withContext(\n  withPlatform(\n    withDOM<ModalRootWithDOMProps>(withModalManager(initModal)(ModalRootTouchComponent)),\n  ),\n  ConfigProviderContext,\n  'configProvider',\n);\n\n/**\n * Инициализирует модалку перед анимацией открытия\n */\nfunction initModal(modalState: ModalsStateEntry) {\n  switch (modalState.type) {\n    case ModalType.PAGE:\n      modalState.settlingHeight = modalState.settlingHeight || MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n      return initPageModal(modalState);\n    case ModalType.CARD:\n      return initCardModal(modalState);\n    default:\n      process.env.NODE_ENV === 'development' &&\n        warn(`initActiveModal: modalState.type=\"${modalState.type}\" не поддерживается`, 'error');\n  }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n  const { contentElement } = modalState;\n  const contentHeight = (contentElement?.firstElementChild as HTMLElement).offsetHeight;\n\n  let prevTranslateY = modalState.translateY;\n\n  modalState.expandable =\n    contentHeight > (contentElement?.clientHeight ?? 0) || modalState.settlingHeight === 100;\n\n  let collapsed = false;\n  let expanded = false;\n  let translateYFrom;\n  let translateY;\n  let expandedRange: TranslateRange;\n  let collapsedRange: TranslateRange;\n  let hiddenRange: TranslateRange;\n\n  if (modalState.expandable) {\n    translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n    const shiftHalf = translateYFrom / 2;\n    const visiblePart = 100 - translateYFrom;\n\n    expandedRange = [0, shiftHalf];\n    collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n    hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n    collapsed = translateYFrom > 0;\n    expanded = translateYFrom <= 0;\n    translateY = translateYFrom;\n  } else {\n    const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n    const height = contentHeight + headerHeight;\n\n    translateYFrom =\n      100 - (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) * 100;\n    translateY = translateYFrom;\n\n    expandedRange = [translateY, translateY + 25];\n    collapsedRange = [translateY + 25, translateY + 25];\n    hiddenRange = [translateY + 25, translateY + 100];\n  }\n\n  // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n  if (\n    (modalState.expandable && translateY > (prevTranslateY ?? 100)) ||\n    modalState.settlingHeight === 100\n  ) {\n    translateY = 0;\n  }\n\n  // Если модалка уже раскрыта обновляем состояния\n  if (translateY === 0) {\n    expanded = true;\n    collapsed = false;\n  }\n\n  modalState.expandedRange = expandedRange;\n  modalState.collapsedRange = collapsedRange;\n  modalState.hiddenRange = hiddenRange;\n  modalState.translateY = translateY;\n  modalState.translateYFrom = translateYFrom;\n  modalState.collapsed = collapsed;\n  modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n  modalState.translateY = 0;\n}\n"],"names":["ModalRootTouch","warn","warnOnce","numberInRange","number","range","rangeTranslate","clamp","ModalRootTouchComponent","props","documentScrolling","maskElementRef","viewportRef","React","createRef","maskAnimationFrame","undefined","modalRootContext","frameIds","restoreFocusTo","preventTouch","event","originalEvent","preventDefault","updateModalHeight","modalState","getModalState","activeModal","type","ModalType","PAGE","enteringModal","waitTransitionFinish","requestAnimationFrame","checkPageContentHeight","onTouchMove","e","exitingModal","onPageTouchMove","CARD","onCardTouchMove","onTouchEnd","onPageTouchEnd","onCardTouchEnd","onScroll","target","contentElement","contains","contentScrolled","contentScrollStopTimeout","clearTimeout","setTimeout","state","touchDown","dragging","registerModal","Object","id","data","assign","onClose","onExit","isInsideModal","timeout","platform","Platform","IOS","document","window","getModals","Children","toArray","children","componentDidMount","addEventListener","componentWillUnmount","toggleDocumentScrolling","removeEventListener","componentDidUpdate","prevProps","closeModal","enteringState","onEnter","innerElement","style","transitionDelay","onEntered","delayEnter","animateTranslate","translateY","activeElement","focus","enabled","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","setMaskOpacity","shiftY","isY","current","stopPropagation","collapsed","expanded","touchStartContentScrollTop","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","rubber","touchShiftYPercent","translateYCurrent","offsetHeight","Math","max","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","setTransformStyle","forceOpacity","history","opacity","toString","render","TouchRootContext","Provider","value","ModalRootContext","Touch","className","classNames","configProvider","webviewType","WebviewType","VKAPPS","onMove","onEnd","div","onClick","ref","map","Modal","modalId","getNavId","_modalState","isPage","key","FocusTrap","getRootRef","restoreFocus","Component","withContext","withPlatform","withDOM","withModalManager","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","process","env","NODE_ENV","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { setTransformStyle } from '../../lib/styles';\nimport { transitionEvent } from '../../lib/supportEvents';\nimport { rubber } from '../../lib/touch';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ConfigProviderContext, WebviewType } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from './constants';\nimport { ModalRootWithDOMProps, ModalsStateEntry, ModalType, TranslateRange } from './types';\nimport { ModalTransitionProps, withModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nfunction numberInRange(number: number, range: TranslateRange | undefined) {\n  if (!range) {\n    return false;\n  }\n  return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n  return clamp(number, 0, 98);\n}\n\ninterface ModalRootState {\n  touchDown?: boolean;\n  dragging?: boolean;\n  modalOpenedLog: string[];\n}\n\nclass ModalRootTouchComponent extends React.Component<\n  ModalRootWithDOMProps & DOMProps & ModalTransitionProps,\n  ModalRootState\n> {\n  constructor(props: ModalRootWithDOMProps & ModalTransitionProps) {\n    super(props);\n    this.state = {\n      touchDown: false,\n      dragging: false,\n      modalOpenedLog: [],\n    };\n\n    this.maskElementRef = React.createRef();\n\n    this.modalRootContext = {\n      updateModalHeight: this.updateModalHeight,\n      registerModal: ({ id, ...data }) => Object.assign(this.props.getModalState(id) ?? {}, data),\n      onClose: () => this.props.onExit(),\n      isInsideModal: true,\n    };\n\n    this.frameIds = {};\n  }\n\n  private documentScrolling = false;\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private readonly viewportRef = React.createRef<HTMLDivElement>();\n  private maskAnimationFrame: number | undefined = undefined;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private readonly frameIds: {\n    [index: string]: number;\n  };\n  private restoreFocusTo: HTMLElement | undefined | null = undefined;\n\n  get timeout(): number {\n    return this.props.platform === Platform.IOS ? 400 : 320;\n  }\n\n  get document(): Document {\n    return this.props.document as Document;\n  }\n\n  get window(): Window {\n    return this.props.window as Window;\n  }\n\n  getModals() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  componentDidMount() {\n    // Отслеживаем изменение размеров viewport\n    this.window?.addEventListener('resize', this.updateModalHeight, false);\n  }\n\n  componentWillUnmount() {\n    this.toggleDocumentScrolling(true);\n    this.window.removeEventListener('resize', this.updateModalHeight, false);\n  }\n\n  componentDidUpdate(prevProps: ModalRootWithDOMProps & ModalTransitionProps) {\n    // transition phase 2: animate exiting modal\n    if (this.props.exitingModal && this.props.exitingModal !== prevProps.exitingModal) {\n      this.closeModal(this.props.exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (this.props.enteringModal && this.props.enteringModal !== prevProps.enteringModal) {\n      const { enteringModal } = this.props;\n      const enteringState = this.props.getModalState(enteringModal);\n      this.props.onEnter();\n      this.waitTransitionFinish(enteringState, () => {\n        if (enteringState?.innerElement) {\n          enteringState.innerElement.style.transitionDelay = '';\n        }\n        this.props.onEntered(enteringModal);\n      });\n\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n          ? `${this.timeout}ms`\n          : '';\n        this.animateTranslate(enteringState, enteringState.translateY);\n      }\n    }\n\n    // focus restoration\n    if (this.props.activeModal && !prevProps.activeModal) {\n      this.restoreFocusTo = this.document.activeElement as HTMLElement;\n    }\n    if (!this.props.activeModal && !this.props.exitingModal && this.restoreFocusTo) {\n      this.restoreFocusTo.focus();\n      this.restoreFocusTo = null;\n    }\n\n    this.toggleDocumentScrolling(!this.props.activeModal && !this.props.exitingModal);\n  }\n\n  /* Отключает скролл документа */\n  toggleDocumentScrolling(enabled: boolean) {\n    if (this.documentScrolling === enabled) {\n      return;\n    }\n    this.documentScrolling = enabled;\n\n    if (enabled) {\n      // Здесь нужен последний аргумент с такими же параметрами, потому что\n      // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n      // https://github.com/VKCOM/VKUI/issues/444\n      this.window.removeEventListener('touchmove', this.preventTouch, {\n        // @ts-expect-error: TS2769 В интерфейсе EventListenerOptions нет поля passive\n        passive: false,\n      });\n    } else {\n      this.window.addEventListener('touchmove', this.preventTouch, {\n        passive: false,\n      });\n    }\n  }\n\n  preventTouch = (event: any) => {\n    if (!event) {\n      return false;\n    }\n    while (event.originalEvent) {\n      event = event.originalEvent;\n    }\n    if (event.preventDefault) {\n      event.preventDefault();\n    }\n    return false;\n  };\n\n  checkPageContentHeight() {\n    const modalState = this.props.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n      const prevModalState = { ...modalState };\n      initPageModal(modalState);\n      const currentModalState = { ...modalState };\n\n      let needAnimate = false;\n\n      if (prevModalState.expandable === currentModalState.expandable) {\n        if (prevModalState.translateYFrom !== currentModalState.translateYFrom) {\n          needAnimate = true;\n        }\n      } else {\n        needAnimate = true;\n      }\n\n      if (needAnimate) {\n        this.animateTranslate(modalState, modalState.translateY);\n      }\n    }\n  }\n\n  updateModalHeight = () => {\n    const modalState = this.props.getModalState(this.props.activeModal);\n\n    if (modalState && modalState.type === ModalType.PAGE) {\n      if (this.props.enteringModal) {\n        this.waitTransitionFinish(modalState, () => {\n          requestAnimationFrame(() => this.checkPageContentHeight());\n        });\n      } else {\n        requestAnimationFrame(() => this.checkPageContentHeight());\n      }\n    }\n  };\n\n  closeModal(id: string) {\n    // Сбрасываем состояния, которые могут помешать закрытию модального окна\n    this.setState({ touchDown: false });\n\n    const prevModalState = this.props.getModalState(id);\n\n    if (!prevModalState) {\n      id && warn(`closeActiveModal: модальное окно (страница) ${id} не существует`, 'error');\n      return;\n    }\n    if (!this.state.modalOpenedLog.length) {\n      this.setState((prevState) => ({\n        modalOpenedLog: [...prevState.modalOpenedLog, id],\n      }));\n    }\n    const nextModalState = this.props.getModalState(this.props.activeModal);\n    const nextIsPage = !!nextModalState && nextModalState.type === ModalType.PAGE;\n\n    const prevIsPage = !!prevModalState && prevModalState.type === ModalType.PAGE;\n    this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n    const exitTranslate =\n      prevIsPage &&\n      nextIsPage &&\n      (prevModalState.translateY ?? 0) <= (nextModalState?.translateYFrom ?? 0) &&\n      !this.props.isBack\n        ? (nextModalState?.translateYFrom ?? 0) + 10\n        : 100;\n    this.animateTranslate(prevModalState, exitTranslate);\n\n    if (!nextModalState) {\n      // NOTE: was only for clean exit\n      this.setMaskOpacity(prevModalState, 0);\n      this.setState({ modalOpenedLog: [] });\n      prevModalState.translateY = undefined;\n    } else if (nextModalState.id && !this.state.modalOpenedLog.includes(nextModalState.id)) {\n      nextModalState.translateY = undefined;\n      this.setState((prevState) => ({\n        modalOpenedLog: [...prevState.modalOpenedLog, nextModalState.id!],\n      }));\n    }\n  }\n\n  onTouchMove = (e: TouchEvent) => {\n    if (this.props.exitingModal) {\n      return;\n    }\n    const modalState = this.props.getModalState(this.props.activeModal);\n    if (!modalState) {\n      return;\n    }\n\n    if (modalState.type === ModalType.PAGE) {\n      return this.onPageTouchMove(e, modalState);\n    }\n\n    if (modalState.type === ModalType.CARD) {\n      return this.onCardTouchMove(e, modalState);\n    }\n  };\n\n  onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { shiftY, originalEvent } = event;\n    const target = originalEvent.target as HTMLElement;\n\n    if (!event.isY) {\n      if (this.viewportRef.current?.contains(target)) {\n        originalEvent.preventDefault();\n      }\n      return;\n    }\n\n    if (!modalState.innerElement?.contains(target)) {\n      return originalEvent.preventDefault();\n    }\n\n    originalEvent.stopPropagation();\n\n    const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n    if (!this.state.touchDown) {\n      modalState.touchStartContentScrollTop = modalState.contentElement?.scrollTop ?? 0;\n      this.setState({ touchDown: true });\n    }\n\n    if (contentScrolled) {\n      return;\n    }\n\n    if (modalState.touchMovePositive === null) {\n      modalState.touchMovePositive = shiftY > 0;\n    }\n\n    if (\n      !modalState.expandable ||\n      collapsed ||\n      (expanded && modalState.touchMovePositive && modalState.touchStartContentScrollTop === 0) ||\n      modalState.headerElement?.contains(target)\n    ) {\n      originalEvent.preventDefault();\n\n      if ((!expandable && shiftY < 0) || !this.window) {\n        return;\n      }\n\n      !this.state.dragging && this.setState({ dragging: true });\n\n      const shiftYPercent = (shiftY / this.window.innerHeight) * 100;\n      const shiftYCurrent = rubber(shiftYPercent, 72, 0.8, this.props.platform !== Platform.IOS);\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = rangeTranslate((modalState.translateY ?? 0) + shiftYCurrent);\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { originalEvent, shiftY } = event;\n    const target = originalEvent.target as HTMLElement;\n    if (modalState.innerElement?.contains(target)) {\n      if (!this.state.touchDown) {\n        this.setState({ touchDown: true, dragging: true });\n      }\n\n      const shiftYPercent = (shiftY / modalState.innerElement.offsetHeight) * 100;\n      const shiftYCurrent = rubber(shiftYPercent, 72, 1.2, this.props.platform !== Platform.IOS);\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = Math.max(0, (modalState.translateY ?? 0) + shiftYCurrent);\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onTouchEnd = (e: TouchEvent) => {\n    const modalState = this.props.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE) {\n      return this.onPageTouchEnd(e, modalState);\n    }\n\n    if (modalState?.type === ModalType.CARD) {\n      return this.onCardTouchEnd(e, modalState);\n    }\n  };\n\n  onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { startY, shiftY } = event;\n\n    modalState.contentScrolled = false;\n    modalState.touchMovePositive = null;\n\n    let setStateCallback;\n\n    if (this.state.dragging && this.window) {\n      const shiftYEndPercent = ((startY + shiftY) / this.window.innerHeight) * 100;\n\n      let translateY = modalState.translateYCurrent ?? 0;\n      const expectTranslateY =\n        (translateY / event.duration) *\n        240 *\n        0.6 *\n        ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = rangeTranslate(translateY + expectTranslateY);\n\n      if (modalState.settlingHeight !== 100) {\n        if (numberInRange(translateY, modalState.expandedRange)) {\n          translateY = modalState.expandedRange?.[0] ?? 0;\n        } else if (numberInRange(translateY, modalState.collapsedRange)) {\n          translateY = modalState.translateYFrom ?? 0;\n        } else if (numberInRange(translateY, modalState.hiddenRange)) {\n          translateY = 100;\n        } else {\n          translateY = modalState.translateYFrom ?? 0;\n        }\n      } else {\n        if (numberInRange(translateY, [0, 25])) {\n          translateY = 0;\n        } else {\n          translateY = 100;\n        }\n      }\n\n      if (translateY !== 100 && shiftYEndPercent >= 75) {\n        translateY = 100;\n      }\n\n      modalState.translateY = translateY;\n      modalState.translateYCurrent = translateY;\n      modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n      modalState.expanded = translateY === 0;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.onExit();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback,\n    );\n  }\n\n  onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n    let setStateCallback;\n\n    if (this.state.dragging) {\n      let translateY = modalState.translateYCurrent ?? 0;\n\n      const expectTranslateY =\n        (translateY / duration) * 240 * 0.6 * ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = Math.max(0, translateY + expectTranslateY);\n\n      if (translateY >= 30) {\n        translateY = 100;\n      } else {\n        translateY = 0;\n      }\n\n      modalState.translateY = translateY;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.onExit();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback,\n    );\n  }\n\n  onScroll = (e: React.SyntheticEvent) => {\n    const activeModal = this.props.activeModal;\n\n    const target = e.target as HTMLElement;\n\n    if (!activeModal) {\n      return;\n    }\n    const modalState = this.props.getModalState(activeModal);\n    if (modalState?.type === ModalType.PAGE && modalState?.contentElement?.contains(target)) {\n      modalState.contentScrolled = true;\n\n      if (modalState.contentScrollStopTimeout) {\n        clearTimeout(modalState.contentScrollStopTimeout);\n      }\n\n      modalState.contentScrollStopTimeout = setTimeout(() => {\n        if (modalState.contentScrolled) {\n          modalState.contentScrolled = false;\n        }\n      }, 250);\n    }\n  };\n\n  waitTransitionFinish(modalState: ModalsStateEntry | undefined, eventHandler: () => void) {\n    if (transitionEvent.supported) {\n      const onceHandler = () => {\n        modalState?.innerElement?.removeEventListener(transitionEvent.name as string, onceHandler);\n        eventHandler();\n      };\n\n      modalState?.innerElement?.addEventListener(transitionEvent.name as string, onceHandler);\n    } else {\n      setTimeout(eventHandler, this.timeout);\n    }\n  }\n\n  /**\n   * Анимирует сдвиг модалки\n   *\n   * @param {ModalsStateEntry} modalState\n   * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n   */\n  animateTranslate(modalState: ModalsStateEntry, percent: number | undefined) {\n    const frameId = `animateTranslateFrame${modalState.id}`;\n\n    cancelAnimationFrame(this.frameIds[frameId]);\n\n    this.frameIds[frameId] = requestAnimationFrame(() => {\n      setTransformStyle(modalState.innerElement, `translate3d(0, ${percent}%, 0)`);\n    });\n  }\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  setMaskOpacity(modalState: ModalsStateEntry, forceOpacity: number | null = null) {\n    if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n      return;\n    }\n    if (this.maskAnimationFrame) {\n      cancelAnimationFrame(this.maskAnimationFrame);\n    }\n    this.maskAnimationFrame = requestAnimationFrame(() => {\n      if (this.maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        this.maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n      }\n    });\n  }\n\n  render() {\n    const { activeModal, exitingModal, enteringModal } = this.props;\n    const { touchDown, dragging } = this.state;\n\n    if (!activeModal && !exitingModal) {\n      return null;\n    }\n\n    return (\n      <TouchRootContext.Provider value={true}>\n        <ModalRootContext.Provider value={this.modalRootContext}>\n          <Touch\n            className={classNames(\n              styles['ModalRoot'],\n              this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n                styles['ModalRoot--vkapps'],\n              touchDown &&\n                classNames(styles['ModalRoot--touched'], 'vkuiInternalModalRoot--touched'),\n              !!(enteringModal || exitingModal) &&\n                classNames(styles['ModalRoot--switching'], 'vkuiInternalModalRoot--switching'),\n            )}\n            onMove={this.onTouchMove}\n            onEnd={this.onTouchEnd}\n            onScroll={this.onScroll}\n          >\n            <div\n              className={styles['ModalRoot__mask']}\n              onClick={this.props.onExit}\n              ref={this.maskElementRef}\n            />\n            <div className={styles['ModalRoot__viewport']} ref={this.viewportRef}>\n              {this.getModals().map((Modal) => {\n                const modalId = getNavId(Modal.props, warn);\n                const _modalState = this.props.getModalState(modalId);\n                if ((modalId !== activeModal && modalId !== exitingModal) || !_modalState) {\n                  return null;\n                }\n                const modalState = { ..._modalState };\n\n                const isPage = modalState.type === ModalType.PAGE;\n                const key = `modal-${modalId}`;\n\n                return (\n                  <FocusTrap\n                    key={key}\n                    getRootRef={(e) => {\n                      const modalState = this.props.getModalState(modalId);\n                      if (modalState) {\n                        modalState.modalElement = e;\n                      }\n                    }}\n                    onClose={this.props.onExit}\n                    timeout={this.timeout}\n                    className={classNames(\n                      styles['ModalRoot__modal'],\n\n                      dragging && 'vkuiInternalModalRoot__modal--dragging',\n\n                      isPage && modalState.expandable && 'vkuiInternalModalRoot__modal--expandable',\n                      isPage && modalState.collapsed && 'vkuiInternalModalRoot__modal--collapsed',\n                    )}\n                    restoreFocus={false}\n                  >\n                    {Modal}\n                  </FocusTrap>\n                );\n              })}\n            </div>\n          </Touch>\n        </ModalRootContext.Provider>\n      </TouchRootContext.Provider>\n    );\n  }\n}\n\nexport const ModalRootTouch = withContext(\n  withPlatform(\n    withDOM<ModalRootWithDOMProps>(withModalManager(initModal)(ModalRootTouchComponent)),\n  ),\n  ConfigProviderContext,\n  'configProvider',\n);\n\n/**\n * Инициализирует модалку перед анимацией открытия\n */\nfunction initModal(modalState: ModalsStateEntry) {\n  switch (modalState.type) {\n    case ModalType.PAGE:\n      modalState.settlingHeight = modalState.settlingHeight || MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n      return initPageModal(modalState);\n    case ModalType.CARD:\n      return initCardModal(modalState);\n    default:\n      process.env.NODE_ENV === 'development' &&\n        warn(`initActiveModal: modalState.type=\"${modalState.type}\" не поддерживается`, 'error');\n  }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n  const { contentElement } = modalState;\n  const contentHeight = (contentElement?.firstElementChild as HTMLElement).offsetHeight;\n\n  let prevTranslateY = modalState.translateY;\n\n  modalState.expandable =\n    contentHeight > (contentElement?.clientHeight ?? 0) || modalState.settlingHeight === 100;\n\n  let collapsed = false;\n  let expanded = false;\n  let translateYFrom;\n  let translateY;\n  let expandedRange: TranslateRange;\n  let collapsedRange: TranslateRange;\n  let hiddenRange: TranslateRange;\n\n  if (modalState.expandable) {\n    translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n    const shiftHalf = translateYFrom / 2;\n    const visiblePart = 100 - translateYFrom;\n\n    expandedRange = [0, shiftHalf];\n    collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n    hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n    collapsed = translateYFrom > 0;\n    expanded = translateYFrom <= 0;\n    translateY = translateYFrom;\n  } else {\n    const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n    const height = contentHeight + headerHeight;\n\n    translateYFrom =\n      100 - (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) * 100;\n    translateY = translateYFrom;\n\n    expandedRange = [translateY, translateY + 25];\n    collapsedRange = [translateY + 25, translateY + 25];\n    hiddenRange = [translateY + 25, translateY + 100];\n  }\n\n  // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n  if (\n    (modalState.expandable && translateY > (prevTranslateY ?? 100)) ||\n    modalState.settlingHeight === 100\n  ) {\n    translateY = 0;\n  }\n\n  // Если модалка уже раскрыта обновляем состояния\n  if (translateY === 0) {\n    expanded = true;\n    collapsed = false;\n  }\n\n  modalState.expandedRange = expandedRange;\n  modalState.collapsedRange = collapsedRange;\n  modalState.hiddenRange = hiddenRange;\n  modalState.translateY = translateY;\n  modalState.translateYFrom = translateYFrom;\n  modalState.collapsed = collapsed;\n  modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n  modalState.translateY = 0;\n}\n"],"names":["ModalRootTouch","warn","warnOnce","numberInRange","number","range","rangeTranslate","clamp","ModalRootTouchComponent","props","documentScrolling","maskElementRef","viewportRef","React","createRef","maskAnimationFrame","undefined","modalRootContext","frameIds","restoreFocusTo","preventTouch","event","originalEvent","preventDefault","updateModalHeight","modalState","getModalState","activeModal","type","ModalType","PAGE","enteringModal","waitTransitionFinish","requestAnimationFrame","checkPageContentHeight","onTouchMove","e","exitingModal","onPageTouchMove","CARD","onCardTouchMove","onTouchEnd","onPageTouchEnd","onCardTouchEnd","onScroll","target","contentElement","contains","contentScrolled","contentScrollStopTimeout","clearTimeout","setTimeout","state","touchDown","dragging","modalOpenedLog","registerModal","id","data","Object","assign","onClose","onExit","isInsideModal","timeout","platform","Platform","IOS","document","window","getModals","Children","toArray","children","componentDidMount","addEventListener","componentWillUnmount","toggleDocumentScrolling","removeEventListener","componentDidUpdate","prevProps","closeModal","enteringState","onEnter","innerElement","style","transitionDelay","onEntered","delayEnter","animateTranslate","translateY","activeElement","focus","enabled","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","length","prevState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","setMaskOpacity","includes","shiftY","isY","current","stopPropagation","collapsed","expanded","touchStartContentScrollTop","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","rubber","touchShiftYPercent","translateYCurrent","offsetHeight","Math","max","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","setTransformStyle","forceOpacity","history","opacity","toString","render","TouchRootContext","Provider","value","ModalRootContext","Touch","className","classNames","configProvider","webviewType","WebviewType","VKAPPS","onMove","onEnd","div","onClick","ref","map","Modal","modalId","getNavId","_modalState","isPage","key","FocusTrap","getRootRef","restoreFocus","Component","withContext","withPlatform","withDOM","withModalManager","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","process","env","NODE_ENV","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"mappings":"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"}