@vkontakte/vkui 4.23.0 → 4.25.2

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

@@ -38,7 +38,7 @@ var _getNavId = require("../../lib/getNavId");
 var _warnOnce = require("../../lib/warnOnce");
 
 var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onClose", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav"];
-var warn = (0, _warnOnce.warnOnce)('ModalPage');
+var warn = (0, _warnOnce.warnOnce)("ModalPage");
 
 var ModalPage = function ModalPage(props) {
   var platform = (0, _usePlatform.usePlatform)();
@@ -60,7 +60,7 @@ var ModalPage = function ModalPage(props) {
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   React.useEffect(function () {
     updateModalHeight();
-  }, [children]);
+  }, [children, updateModalHeight]);
   var isDesktop = viewWidth >= _withAdaptivity.ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= _withAdaptivity.ViewHeight.MEDIUM);
   var canShowCloseBtn = viewWidth >= _withAdaptivity.ViewWidth.SMALL_TABLET;
   var modalContext = React.useContext(_ModalRootContext.ModalRootContext);
@@ -69,8 +69,8 @@ var ModalPage = function ModalPage(props) {
       refs = _useModalRegistry.refs;
 
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalPage', platform), "ModalPage--sizeX-".concat(sizeX), {
-      'ModalPage--desktop': isDesktop
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPage", platform), "ModalPage--sizeX-".concat(sizeX), {
+      "ModalPage--desktop": isDesktop
     })
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ModalPage__in-wrap",
@@ -94,7 +94,7 @@ var ModalPage = function ModalPage(props) {
 
 ModalPage.defaultProps = {
   settlingHeight: 75
-};
+}; // eslint-disable-next-line import/no-default-export
 
 var _default = (0, _withAdaptivity.withAdaptivity)(ModalPage, {
   viewWidth: true,

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

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

@@ -13,58 +13,58 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _getClassName = require("../../helpers/getClassName");
-
-var _classNames = require("../../lib/classNames");
-
 var _usePlatform = require("../../hooks/usePlatform");
 
-var _utils = require("../../lib/utils");
-
 var _platform = require("../../lib/platform");
 
+var _PanelHeader = _interopRequireDefault(require("../PanelHeader/PanelHeader"));
+
 var _Separator = _interopRequireDefault(require("../Separator/Separator"));
 
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
-var _excluded = ["left", "right", "children", "separator", "getRef"];
+var _classNames = require("../../lib/classNames");
+
+var _getClassName = require("../../helpers/getClassName");
+
+var _AdaptivityContext = require("../AdaptivityProvider/AdaptivityContext");
+
+var _excluded = ["children", "separator", "getRef"];
 
-var ModalPageHeader = function ModalPageHeader(props) {
+var ModalPageHeader = function ModalPageHeader(_ref) {
+  var children = _ref.children,
+      separator = _ref.separator,
+      getRef = _ref.getRef,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-      sizeX = _useAdaptivity.sizeX;
-
-  var left = props.left,
-      right = props.right,
-      children = props.children,
-      separator = props.separator,
-      getRef = props.getRef,
-      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var isPrimitive = (0, _utils.isPrimitiveReactNode)(children);
+      viewWidth = _useAdaptivity.viewWidth,
+      viewHeight = _useAdaptivity.viewHeight,
+      hasMouse = _useAdaptivity.hasMouse;
+
   var hasSeparator = separator && platform === _platform.VKCOM;
-  return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalPageHeader', platform), "ModalPageHeader--sizeX-".concat(sizeX)),
+  var isDesktop = viewWidth >= _AdaptivityContext.ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= _AdaptivityContext.ViewHeight.MEDIUM);
+  return (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPageHeader", platform), {
+      "ModalPageHeader--desktop": isDesktop
+    }),
     ref: getRef
-  }), (0, _jsxRuntime.createScopedElement)("div", {
+  }, (0, _jsxRuntime.createScopedElement)(_PanelHeader.default, (0, _extends2.default)({
     vkuiClass: "ModalPageHeader__in"
-  }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ModalPageHeader__left"
-  }, left), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ModalPageHeader__content"
-  }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ModalPageHeader__content-in"
-  }, isPrimitive ? (0, _jsxRuntime.createScopedElement)("span", null, children) : children)), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ModalPageHeader__right"
-  }, right)), hasSeparator && (0, _jsxRuntime.createScopedElement)(_Separator.default, {
-    wide: true,
-    vkuiClass: "ModalPageHeader__separator"
+  }, restProps, {
+    fixed: false,
+    separator: false,
+    transparent: true
+  }), children), hasSeparator && (0, _jsxRuntime.createScopedElement)(_Separator.default, {
+    wide: true
   }));
 };
 
 ModalPageHeader.defaultProps = {
   separator: true
-};
+}; // eslint-disable-next-line import/no-default-export
+
 var _default = ModalPageHeader;
 exports.default = _default;
 //# sourceMappingURL=ModalPageHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["ModalPageHeader","props","platform","sizeX","left","right","children","separator","getRef","restProps","isPrimitive","hasSeparator","VKCOM","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAeA,IAAMA,eAA8D,GAAG,SAAjEA,eAAiE,CAACC,KAAD,EAAiC;AACtG,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAQC,IAAR,GAAmEH,KAAnE,CAAQG,IAAR;AAAA,MAAcC,KAAd,GAAmEJ,KAAnE,CAAcI,KAAd;AAAA,MAAqBC,QAArB,GAAmEL,KAAnE,CAAqBK,QAArB;AAAA,MAA+BC,SAA/B,GAAmEN,KAAnE,CAA+BM,SAA/B;AAAA,MAA0CC,MAA1C,GAAmEP,KAAnE,CAA0CO,MAA1C;AAAA,MAAqDC,SAArD,0CAAmER,KAAnE;AACA,MAAMS,WAAW,GAAG,iCAAqBJ,QAArB,CAApB;AACA,MAAMK,YAAY,GAAGJ,SAAS,IAAIL,QAAQ,KAAKU,eAA/C;AAEA,SACE,uEACMH,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCP,QAAhC,CAAX,mCAAgFC,KAAhF,EAFb;AAGE,IAAA,GAAG,EAAEK;AAHP,MAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGJ,IADH,CADF,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,WAAW,GAAG,mDAAOJ,QAAP,CAAH,GAA6BA,QAD3C,CADF,CALF,EAWE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,KADH,CAXF,CALF,EAqBGM,YAAY,IAAI,qCAAC,kBAAD;AAAW,IAAA,IAAI,MAAf;AAAgB,IAAA,SAAS,EAAC;AAA1B,IArBnB,CADF;AAyBD,CAhCD;;AAkCAX,eAAe,CAACa,YAAhB,GAA+B;AAC7BN,EAAAA,SAAS,EAAE;AADkB,CAA/B;eAIeP,e","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRef } from '../../types';\nimport { isPrimitiveReactNode } from '../../lib/utils';\nimport { VKCOM } from '../../lib/platform';\nimport Separator from '../Separator/Separator';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './ModalPageHeader.css';\n\nexport interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement> {\n  /**\n   * Иконки, отображаемые слева\n   */\n  left?: React.ReactNode;\n  /**\n   * Иконки, отображаемые справа\n   */\n  right?: React.ReactNode;\n  separator?: boolean;\n}\n\nconst ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps> = (props: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const { sizeX } = useAdaptivity();\n  const { left, right, children, separator, getRef, ...restProps } = props;\n  const isPrimitive = isPrimitiveReactNode(children);\n  const hasSeparator = separator && platform === VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalPageHeader', platform), `ModalPageHeader--sizeX-${sizeX}`)}\n      ref={getRef}\n    >\n      <div vkuiClass=\"ModalPageHeader__in\">\n        <div vkuiClass=\"ModalPageHeader__left\">\n          {left}\n        </div>\n\n        <div vkuiClass=\"ModalPageHeader__content\">\n          <div vkuiClass=\"ModalPageHeader__content-in\">\n            {isPrimitive ? <span>{children}</span> : children}\n          </div>\n        </div>\n\n        <div vkuiClass=\"ModalPageHeader__right\">\n          {right}\n        </div>\n      </div>\n\n      {hasSeparator && <Separator wide vkuiClass=\"ModalPageHeader__separator\" />}\n    </div>\n  );\n};\n\nModalPageHeader.defaultProps = {\n  separator: true,\n};\n\nexport default ModalPageHeader;\n"],"file":"ModalPageHeader.js"}
+{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["ModalPageHeader","children","separator","getRef","restProps","platform","viewWidth","viewHeight","hasMouse","hasSeparator","VKCOM","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAQA,IAAMA,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,GAAG,+BAAjB;;AACA,uBAA4C,oCAA5C;AAAA,MAAQC,SAAR,kBAAQA,SAAR;AAAA,MAAmBC,UAAnB,kBAAmBA,UAAnB;AAAA,MAA+BC,QAA/B,kBAA+BA,QAA/B;;AACA,MAAMC,YAAY,GAAGP,SAAS,IAAIG,QAAQ,KAAKK,eAA/C;AACA,MAAMC,SAAS,GACbL,SAAS,IAAIM,6BAAUC,YAAvB,KACCL,QAAQ,IAAID,UAAU,IAAIO,8BAAWC,MADtC,CADF;AAIA,SACE;AACE,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCV,QAAhC,CAAX,EAAsD;AAC/D,kCAA4BM;AADmC,KAAtD,CADb;AAIE,IAAA,GAAG,EAAER;AAJP,KAME,qCAAC,oBAAD;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,qCAAC,kBAAD;AAAW,IAAA,IAAI;AAAf,IAfnB,CADF;AAmBD,CAhCD;;AAkCAT,eAAe,CAACgB,YAAhB,GAA+B;AAC7Bd,EAAAA,SAAS,EAAE;AADkB,CAA/B,C,CAIA;;eACeF,e","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/cjs/components/ModalRoot/ModalRoot.d.ts

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