@vkontakte/vkui 4.23.0 → 4.25.2

package/dist/components/ModalDismissButton/ModalDismissButton.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { Icon20Cancel } from '@vkontakte/icons';
+import { Icon20Cancel } from "@vkontakte/icons";
 import Tappable from "../Tappable/Tappable";
 import { getClassName } from "../../helpers/getClassName";
 import { usePlatform } from "../../hooks/usePlatform";
@@ -8,7 +8,7 @@ import { usePlatform } from "../../hooks/usePlatform";
 var ModalDismissButton = function ModalDismissButton(props) {
   var platform = usePlatform();
   return createScopedElement(Tappable, _extends({
-    vkuiClass: getClassName('ModalDismissButton', platform)
+    vkuiClass: getClassName("ModalDismissButton", platform)
   }, props, {
     activeMode: "ModalDismissButton--active",
     hoverMode: "ModalDismissButton--hover"
@@ -16,7 +16,8 @@ var ModalDismissButton = function ModalDismissButton(props) {
 };
 
 ModalDismissButton.defaultProps = {
-  'aria-label': 'Закрыть'
-};
+  "aria-label": "Закрыть"
+}; // eslint-disable-next-line import/no-default-export
+
 export default ModalDismissButton;
 //# sourceMappingURL=ModalDismissButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":["Icon20Cancel","Tappable","getClassName","usePlatform","ModalDismissButton","props","platform","defaultProps"],"mappings":";;AACA,SAASA,YAAT,QAA6B,kBAA7B;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA,SAASC,WAAT;;AAKA,IAAMC,kBAAqD,GAAG,SAAxDA,kBAAwD,CAACC,KAAD,EAAoC;AAChG,MAAMC,QAAQ,GAAGH,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAED,YAAY,CAAC,oBAAD,EAAuBI,QAAvB;AADzB,KAEMD,KAFN;AAGE,IAAA,UAAU,EAAC,4BAHb;AAIE,IAAA,SAAS,EAAC;AAJZ,MAME,oBAAC,YAAD,OANF,CADF;AAUD,CAbD;;AAeAD,kBAAkB,CAACG,YAAnB,GAAkC;AAChC,gBAAc;AADkB,CAAlC;AAIA,eAAeH,kBAAf","sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport Tappable from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './ModalDismissButton.css';\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\nconst ModalDismissButton: React.FC<ModalDismissButtonProps> = (props: ModalDismissButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      vkuiClass={getClassName('ModalDismissButton', platform)}\n      {...props}\n      activeMode=\"ModalDismissButton--active\"\n      hoverMode=\"ModalDismissButton--hover\"\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n\nModalDismissButton.defaultProps = {\n  'aria-label': 'Закрыть',\n};\n\nexport default ModalDismissButton;\n"],"file":"ModalDismissButton.js"}
+{"version":3,"sources":["../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":["Icon20Cancel","Tappable","getClassName","usePlatform","ModalDismissButton","props","platform","defaultProps"],"mappings":";;AACA,SAASA,YAAT,QAA6B,kBAA7B;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA,SAASC,WAAT;;AAKA,IAAMC,kBAAqD,GAAG,SAAxDA,kBAAwD,CAC5DC,KAD4D,EAEzD;AACH,MAAMC,QAAQ,GAAGH,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAED,YAAY,CAAC,oBAAD,EAAuBI,QAAvB;AADzB,KAEMD,KAFN;AAGE,IAAA,UAAU,EAAC,4BAHb;AAIE,IAAA,SAAS,EAAC;AAJZ,MAME,oBAAC,YAAD,OANF,CADF;AAUD,CAfD;;AAiBAD,kBAAkB,CAACG,YAAnB,GAAkC;AAChC,gBAAc;AADkB,CAAlC,C,CAIA;;AACA,eAAeH,kBAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon20Cancel } from \"@vkontakte/icons\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./ModalDismissButton.css\";\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\nconst ModalDismissButton: React.FC<ModalDismissButtonProps> = (\n  props: ModalDismissButtonProps\n) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      vkuiClass={getClassName(\"ModalDismissButton\", platform)}\n      {...props}\n      activeMode=\"ModalDismissButton--active\"\n      hoverMode=\"ModalDismissButton--hover\"\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n\nModalDismissButton.defaultProps = {\n  \"aria-label\": \"Закрыть\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ModalDismissButton;\n"],"file":"ModalDismissButton.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import { NavIdProps } from '../../lib/getNavId';
-import './ModalPage.css';
+import * as React from "react";
+import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
+import { NavIdProps } from "../../lib/getNavId";
+import "./ModalPage.css";
 export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, NavIdProps {
     /**
      * Шапка модальной страницы, `<ModalPageHeader />`
@@ -18,5 +18,5 @@ export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, Ad
     dynamicContentHeight?: boolean;
     getModalContentRef?: React.Ref<HTMLDivElement>;
 }
-declare const _default: React.FC<ModalPageProps>;
+declare const _default: React.FC<Pick<ModalPageProps & AdaptivityContextInterface, "hidden" | "dir" | "header" | "nav" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onClose" | "settlingHeight" | "dynamicContentHeight" | "getModalContentRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

package/dist/components/ModalPage/ModalPage.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onClose", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { ModalRootContext, useModalRegistry } from "../ModalRoot/ModalRootContext";
@@ -13,7 +13,7 @@ import { multiRef } from "../../lib/utils";
 import { ModalType } from "../ModalRoot/types";
 import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
-var warn = warnOnce('ModalPage');
+var warn = warnOnce("ModalPage");
 
 var ModalPage = function ModalPage(props) {
   var platform = usePlatform();
@@ -36,7 +36,7 @@ var ModalPage = function ModalPage(props) {
 
   React.useEffect(function () {
     updateModalHeight();
-  }, [children]);
+  }, [children, updateModalHeight]);
   var isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);
   var canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;
   var modalContext = React.useContext(ModalRootContext);
@@ -45,8 +45,8 @@ var ModalPage = function ModalPage(props) {
       refs = _useModalRegistry.refs;
 
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('ModalPage', platform), "ModalPage--sizeX-".concat(sizeX), {
-      'ModalPage--desktop': isDesktop
+    vkuiClass: classNames(getClassName("ModalPage", platform), "ModalPage--sizeX-".concat(sizeX), {
+      "ModalPage--desktop": isDesktop
     })
   }), createScopedElement("div", {
     vkuiClass: "ModalPage__in-wrap",
@@ -70,7 +70,8 @@ var ModalPage = function ModalPage(props) {
 
 ModalPage.defaultProps = {
   settlingHeight: 75
-};
+}; // eslint-disable-next-line import/no-default-export
+
 export default withAdaptivity(ModalPage, {
   viewWidth: true,
   viewHeight: true,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalPage/ModalPage.tsx"],"names":["React","getClassName","classNames","ModalRootContext","useModalRegistry","usePlatform","withAdaptivity","ViewHeight","ViewWidth","ModalDismissButton","multiRef","ModalType","getNavId","warnOnce","warn","ModalPage","props","platform","useContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onClose","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","useEffect","isDesktop","SMALL_TABLET","MEDIUM","canShowCloseBtn","modalContext","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,gBAAT,EAA2BC,gBAA3B;AACA,SAASC,WAAT;AACA,SAASC,cAAT,EAA0CC,UAA1C,EAAsDC,SAAtD;AACA,OAAOC,kBAAP;AACA,SAASC,QAAT;AACA,SAASC,SAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AAoBA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,WAAD,CAArB;;AACA,IAAME,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MAAMC,QAAQ,GAAGZ,WAAW,EAA5B;;AACA,0BAA8BL,KAAK,CAACkB,UAAN,CAAiBf,gBAAjB,CAA9B;AAAA,MAAQgB,iBAAR,qBAAQA,iBAAR;;AACA,MACEC,QADF,GAaIJ,KAbJ,CACEI,QADF;AAAA,MAEEC,MAFF,GAaIL,KAbJ,CAEEK,MAFF;AAAA,MAGEC,SAHF,GAaIN,KAbJ,CAGEM,SAHF;AAAA,MAIEC,UAJF,GAaIP,KAbJ,CAIEO,UAJF;AAAA,MAKEC,KALF,GAaIR,KAbJ,CAKEQ,KALF;AAAA,MAMEC,QANF,GAaIT,KAbJ,CAMES,QANF;AAAA,MAOEC,OAPF,GAaIV,KAbJ,CAOEU,OAPF;AAAA,MAQEC,cARF,GAaIX,KAbJ,CAQEW,cARF;AAAA,MASEC,oBATF,GAaIZ,KAbJ,CASEY,oBATF;AAAA,MAUEC,kBAVF,GAaIb,KAbJ,CAUEa,kBAVF;AAAA,MAWEC,GAXF,GAaId,KAbJ,CAWEc,GAXF;AAAA,MAYKC,SAZL,4BAaIf,KAbJ;;AAeAhB,EAAAA,KAAK,CAACgC,SAAN,CAAgB,YAAM;AACpBb,IAAAA,iBAAiB;AAClB,GAFD,EAEG,CAACC,QAAD,CAFH;AAIA,MAAMa,SAAS,GAAGX,SAAS,IAAId,SAAS,CAAC0B,YAAvB,KAAwCT,QAAQ,IAAIF,UAAU,IAAIhB,UAAU,CAAC4B,MAA7E,CAAlB;AACA,MAAMC,eAAe,GAAGd,SAAS,IAAId,SAAS,CAAC0B,YAA/C;AAEA,MAAMG,YAAY,GAAGrC,KAAK,CAACkB,UAAN,CAAiBf,gBAAjB,CAArB;;AACA,0BAAiBC,gBAAgB,CAACQ,QAAQ,CAACI,KAAD,EAAQF,IAAR,CAAT,EAAwBH,SAAS,CAAC2B,IAAlC,CAAjC;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,wCACMR,SADN;AAEE,IAAA,SAAS,EAAE7B,UAAU,CAACD,YAAY,CAAC,WAAD,EAAcgB,QAAd,CAAb,6BAA0DO,KAA1D,GAAmE;AACtF,4BAAsBS;AADgE,KAAnE;AAFvB,MAME;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAEM,IAAI,CAACC;AAA9C,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,mBAAf;AAAmC,IAAA,GAAG,EAAED,IAAI,CAACE;AAA7C,KACGpB,MADH,CADF,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAEX,QAAQ,CAAiB6B,IAAI,CAACG,cAAtB,EAAsCb,kBAAtC;AAAjD,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGT,QADH,CADF,CADF,CALF,EAYGgB,eAAe,IAAI,oBAAC,kBAAD;AAAoB,IAAA,OAAO,EAAEV,OAAO,IAAIW,YAAY,CAACX;AAArD,IAZtB,CADF,CANF,CADF;AAyBD,CArDD;;AAuDAX,SAAS,CAAC4B,YAAV,GAAyB;AACvBhB,EAAAA,cAAc,EAAE;AADO,CAAzB;AAIA,eAAerB,cAAc,CAACS,SAAD,EAAY;AACvCO,EAAAA,SAAS,EAAE,IAD4B;AAEvCC,EAAAA,UAAU,EAAE,IAF2B;AAGvCC,EAAAA,KAAK,EAAE,IAHgC;AAIvCC,EAAAA,QAAQ,EAAE;AAJ6B,CAAZ,CAA7B","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { withAdaptivity, AdaptivityProps, ViewHeight, ViewWidth } from '../../hoc/withAdaptivity';\nimport ModalDismissButton from '../ModalDismissButton/ModalDismissButton';\nimport { multiRef } from '../../lib/utils';\nimport { ModalType } from '../ModalRoot/types';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport './ModalPage.css';\n\nexport interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  onClose?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce('ModalPage');\nconst ModalPage: React.FC<ModalPageProps> = (props: ModalPageProps) => {\n  const platform = usePlatform();\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onClose,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\n\n  React.useEffect(() => {\n    updateModalHeight();\n  }, [children]);\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalPage', platform), `ModalPage--sizeX-${sizeX}`, {\n        'ModalPage--desktop': isDesktop,\n      })}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div vkuiClass=\"ModalPage__content\" ref={multiRef<HTMLDivElement>(refs.contentElement, getModalContentRef)}>\n              <div vkuiClass=\"ModalPage__content-in\">\n                {children}\n              </div>\n            </div>\n          </div>\n          {canShowCloseBtn && <ModalDismissButton onClick={onClose || modalContext.onClose} />}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}
+{"version":3,"sources":["../../../src/components/ModalPage/ModalPage.tsx"],"names":["React","getClassName","classNames","ModalRootContext","useModalRegistry","usePlatform","withAdaptivity","ViewHeight","ViewWidth","ModalDismissButton","multiRef","ModalType","getNavId","warnOnce","warn","ModalPage","props","platform","useContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onClose","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","useEffect","isDesktop","SMALL_TABLET","MEDIUM","canShowCloseBtn","modalContext","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n  ModalRootContext,\n  useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  onClose?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\nconst ModalPage: React.FC<ModalPageProps & AdaptivityContextInterface> = (\n  props\n) => {\n  const platform = usePlatform();\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onClose,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\n\n  React.useEffect(() => {\n    updateModalHeight();\n  }, [children, updateModalHeight]);\n\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"ModalPage\", platform),\n        `ModalPage--sizeX-${sizeX}`,\n        {\n          \"ModalPage--desktop\": isDesktop,\n        }\n      )}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div\n              vkuiClass=\"ModalPage__content\"\n              ref={multiRef<HTMLDivElement>(\n                refs.contentElement,\n                getModalContentRef\n              )}\n            >\n              <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n            </div>\n          </div>\n          {canShowCloseBtn && (\n            <ModalDismissButton onClick={onClose || modalContext.onClose} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}

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

@@ -1,16 +1,8 @@
-import * as React from 'react';
-import { HasRef } from '../../types';
-import './ModalPageHeader.css';
-export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement> {
-    /**
-     * Иконки, отображаемые слева
-     */
-    left?: React.ReactNode;
-    /**
-     * Иконки, отображаемые справа
-     */
-    right?: React.ReactNode;
-    separator?: boolean;
+import * as React from "react";
+import { HasRef } from "../../types";
+import { PanelHeaderProps } from "../PanelHeader/PanelHeader";
+import "./ModalPageHeader.css";
+export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, Omit<PanelHeaderProps, "fixed" | "shadow">, HasRef<HTMLDivElement> {
 }
 declare const ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps>;
 export default ModalPageHeader;

package/dist/components/ModalPageHeader/ModalPageHeader.js

@@ -1,51 +1,50 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["left", "right", "children", "separator", "getRef"];
+var _excluded = ["children", "separator", "getRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { getClassName } from "../../helpers/getClassName";
-import { classNames } from "../../lib/classNames";
 import { usePlatform } from "../../hooks/usePlatform";
-import { isPrimitiveReactNode } from "../../lib/utils";
 import { VKCOM } from "../../lib/platform";
+import PanelHeader from "../PanelHeader/PanelHeader";
 import Separator from "../Separator/Separator";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { classNames } from "../../lib/classNames";
+import { getClassName } from "../../helpers/getClassName";
+import { ViewHeight, ViewWidth } from "../AdaptivityProvider/AdaptivityContext";
+
+var ModalPageHeader = function ModalPageHeader(_ref) {
+  var children = _ref.children,
+      separator = _ref.separator,
+      getRef = _ref.getRef,
+      restProps = _objectWithoutProperties(_ref, _excluded);
 
-var ModalPageHeader = function ModalPageHeader(props) {
   var platform = usePlatform();
 
   var _useAdaptivity = useAdaptivity(),
-      sizeX = _useAdaptivity.sizeX;
-
-  var left = props.left,
-      right = props.right,
-      children = props.children,
-      separator = props.separator,
-      getRef = props.getRef,
-      restProps = _objectWithoutProperties(props, _excluded);
+      viewWidth = _useAdaptivity.viewWidth,
+      viewHeight = _useAdaptivity.viewHeight,
+      hasMouse = _useAdaptivity.hasMouse;
 
-  var isPrimitive = isPrimitiveReactNode(children);
   var hasSeparator = separator && platform === VKCOM;
-  return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('ModalPageHeader', platform), "ModalPageHeader--sizeX-".concat(sizeX)),
+  var isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);
+  return createScopedElement("div", {
+    vkuiClass: classNames(getClassName("ModalPageHeader", platform), {
+      "ModalPageHeader--desktop": isDesktop
+    }),
     ref: getRef
-  }), createScopedElement("div", {
+  }, createScopedElement(PanelHeader, _extends({
     vkuiClass: "ModalPageHeader__in"
-  }, createScopedElement("div", {
-    vkuiClass: "ModalPageHeader__left"
-  }, left), createScopedElement("div", {
-    vkuiClass: "ModalPageHeader__content"
-  }, createScopedElement("div", {
-    vkuiClass: "ModalPageHeader__content-in"
-  }, isPrimitive ? createScopedElement("span", null, children) : children)), createScopedElement("div", {
-    vkuiClass: "ModalPageHeader__right"
-  }, right)), hasSeparator && createScopedElement(Separator, {
-    wide: true,
-    vkuiClass: "ModalPageHeader__separator"
+  }, restProps, {
+    fixed: false,
+    separator: false,
+    transparent: true
+  }), children), hasSeparator && createScopedElement(Separator, {
+    wide: true
   }));
 };
 
 ModalPageHeader.defaultProps = {
   separator: true
-};
+}; // eslint-disable-next-line import/no-default-export
+
 export default ModalPageHeader;
 //# sourceMappingURL=ModalPageHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["getClassName","classNames","usePlatform","isPrimitiveReactNode","VKCOM","Separator","useAdaptivity","ModalPageHeader","props","platform","sizeX","left","right","children","separator","getRef","restProps","isPrimitive","hasSeparator","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,oBAAT;AACA,SAASC,KAAT;AACA,OAAOC,SAAP;AACA,SAASC,aAAT;;AAeA,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,CAACC,KAAD,EAAiC;AACtG,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;;AACA,uBAAkBI,aAAa,EAA/B;AAAA,MAAQI,KAAR,kBAAQA,KAAR;;AACA,MAAQC,IAAR,GAAmEH,KAAnE,CAAQG,IAAR;AAAA,MAAcC,KAAd,GAAmEJ,KAAnE,CAAcI,KAAd;AAAA,MAAqBC,QAArB,GAAmEL,KAAnE,CAAqBK,QAArB;AAAA,MAA+BC,SAA/B,GAAmEN,KAAnE,CAA+BM,SAA/B;AAAA,MAA0CC,MAA1C,GAAmEP,KAAnE,CAA0CO,MAA1C;AAAA,MAAqDC,SAArD,4BAAmER,KAAnE;;AACA,MAAMS,WAAW,GAAGd,oBAAoB,CAACU,QAAD,CAAxC;AACA,MAAMK,YAAY,GAAGJ,SAAS,IAAIL,QAAQ,KAAKL,KAA/C;AAEA,SACE,wCACMY,SADN;AAEE,IAAA,SAAS,EAAEf,UAAU,CAACD,YAAY,CAAC,iBAAD,EAAoBS,QAApB,CAAb,mCAAsEC,KAAtE,EAFvB;AAGE,IAAA,GAAG,EAAEK;AAHP,MAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGJ,IADH,CADF,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,WAAW,GAAG,kCAAOJ,QAAP,CAAH,GAA6BA,QAD3C,CADF,CALF,EAWE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,KADH,CAXF,CALF,EAqBGM,YAAY,IAAI,oBAAC,SAAD;AAAW,IAAA,IAAI,MAAf;AAAgB,IAAA,SAAS,EAAC;AAA1B,IArBnB,CADF;AAyBD,CAhCD;;AAkCAX,eAAe,CAACY,YAAhB,GAA+B;AAC7BL,EAAAA,SAAS,EAAE;AADkB,CAA/B;AAIA,eAAeP,eAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRef } from '../../types';\nimport { isPrimitiveReactNode } from '../../lib/utils';\nimport { VKCOM } from '../../lib/platform';\nimport Separator from '../Separator/Separator';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './ModalPageHeader.css';\n\nexport interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement> {\n  /**\n   * Иконки, отображаемые слева\n   */\n  left?: React.ReactNode;\n  /**\n   * Иконки, отображаемые справа\n   */\n  right?: React.ReactNode;\n  separator?: boolean;\n}\n\nconst ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps> = (props: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const { sizeX } = useAdaptivity();\n  const { left, right, children, separator, getRef, ...restProps } = props;\n  const isPrimitive = isPrimitiveReactNode(children);\n  const hasSeparator = separator && platform === VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalPageHeader', platform), `ModalPageHeader--sizeX-${sizeX}`)}\n      ref={getRef}\n    >\n      <div vkuiClass=\"ModalPageHeader__in\">\n        <div vkuiClass=\"ModalPageHeader__left\">\n          {left}\n        </div>\n\n        <div vkuiClass=\"ModalPageHeader__content\">\n          <div vkuiClass=\"ModalPageHeader__content-in\">\n            {isPrimitive ? <span>{children}</span> : children}\n          </div>\n        </div>\n\n        <div vkuiClass=\"ModalPageHeader__right\">\n          {right}\n        </div>\n      </div>\n\n      {hasSeparator && <Separator wide vkuiClass=\"ModalPageHeader__separator\" />}\n    </div>\n  );\n};\n\nModalPageHeader.defaultProps = {\n  separator: true,\n};\n\nexport default ModalPageHeader;\n"],"file":"ModalPageHeader.js"}
+{"version":3,"sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["usePlatform","VKCOM","PanelHeader","Separator","useAdaptivity","classNames","getClassName","ViewHeight","ViewWidth","ModalPageHeader","children","separator","getRef","restProps","platform","viewWidth","viewHeight","hasMouse","hasSeparator","isDesktop","SMALL_TABLET","MEDIUM","defaultProps"],"mappings":";;;;AACA,SAASA,WAAT;AAEA,SAASC,KAAT;AACA,OAAOC,WAAP;AACA,OAAOC,SAAP;AACA,SAASC,aAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT,EAAqBC,SAArB;;AAQA,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,OAK3C;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,MAH1BC,SAG0B,QAH1BA,SAG0B;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGd,WAAW,EAA5B;;AACA,uBAA4CI,aAAa,EAAzD;AAAA,MAAQW,SAAR,kBAAQA,SAAR;AAAA,MAAmBC,UAAnB,kBAAmBA,UAAnB;AAAA,MAA+BC,QAA/B,kBAA+BA,QAA/B;;AACA,MAAMC,YAAY,GAAGP,SAAS,IAAIG,QAAQ,KAAKb,KAA/C;AACA,MAAMkB,SAAS,GACbJ,SAAS,IAAIP,SAAS,CAACY,YAAvB,KACCH,QAAQ,IAAID,UAAU,IAAIT,UAAU,CAACc,MADtC,CADF;AAIA,SACE;AACE,IAAA,SAAS,EAAEhB,UAAU,CAACC,YAAY,CAAC,iBAAD,EAAoBQ,QAApB,CAAb,EAA4C;AAC/D,kCAA4BK;AADmC,KAA5C,CADvB;AAIE,IAAA,GAAG,EAAEP;AAJP,KAME,oBAAC,WAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMC,SAFN;AAGE,IAAA,KAAK,EAAE,KAHT;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,WAAW;AALb,MAOGH,QAPH,CANF,EAeGQ,YAAY,IAAI,oBAAC,SAAD;AAAW,IAAA,IAAI;AAAf,IAfnB,CADF;AAmBD,CAhCD;;AAkCAT,eAAe,CAACa,YAAhB,GAA+B;AAC7BX,EAAAA,SAAS,EAAE;AADkB,CAA/B,C,CAIA;;AACA,eAAeF,eAAf","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport PanelHeader, { PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport Separator from \"../Separator/Separator\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ViewHeight, ViewWidth } from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, \"fixed\" | \"shadow\">,\n    HasRef<HTMLDivElement> {}\n\nconst ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps> = ({\n  children,\n  separator,\n  getRef,\n  ...restProps\n}: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n  const hasSeparator = separator && platform === VKCOM;\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  return (\n    <div\n      vkuiClass={classNames(getClassName(\"ModalPageHeader\", platform), {\n        \"ModalPageHeader--desktop\": isDesktop,\n      })}\n      ref={getRef}\n    >\n      <PanelHeader\n        vkuiClass=\"ModalPageHeader__in\"\n        {...restProps}\n        fixed={false}\n        separator={false}\n        transparent\n      >\n        {children}\n      </PanelHeader>\n      {hasSeparator && <Separator wide />}\n    </div>\n  );\n};\n\nModalPageHeader.defaultProps = {\n  separator: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ModalPageHeader;\n"],"file":"ModalPageHeader.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { HasPlatform } from '../../types';
-import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
-import './ModalRoot.css';
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import "./ModalRoot.css";
 export interface ModalRootProps extends HasPlatform {
     activeModal?: string | null;
     /**
@@ -13,4 +13,4 @@ export interface ModalRootProps extends HasPlatform {
      */
     configProvider?: ConfigProviderContextInterface;
 }
-export declare const ModalRootTouch: React.FC<ModalRootProps>;
+export declare const ModalRootTouch: React.FC<Pick<ModalRootProps, "configProvider" | "onClose" | "activeModal">>;