@vkontakte/vkui 4.22.0 → 4.24.0

package/dist/cssm/components/ModalCardBase/ModalCardBase.js

@@ -12,7 +12,7 @@ import { ViewHeight, ViewWidth, withAdaptivity } from "../../hoc/withAdaptivity"
 import { PanelHeaderButton } from "../PanelHeaderButton/PanelHeaderButton";
 import { IOS } from "../../lib/platform";
 import ModalDismissButton from "../ModalDismissButton/ModalDismissButton";
-import { Icon24Dismiss } from '@vkontakte/icons';
+import { Icon24Dismiss } from "@vkontakte/icons";
 import { useKeyboard } from "../../hooks/useKeyboard";
 import "./ModalCardBase.css";
 export var ModalCardBase = withAdaptivity(function (_ref) {
@@ -35,13 +35,13 @@ export var ModalCardBase = withAdaptivity(function (_ref) {
   var canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;
   var canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('ModalCardBase', platform), {
-      'ModalCardBase--desktop': isDesktop
+    vkuiClass: classNames(getClassName("ModalCardBase", platform), {
+      "ModalCardBase--desktop": isDesktop
     }),
     ref: getRootRef
   }), createScopedElement("div", {
-    vkuiClass: classNames('ModalCardBase__container', {
-      'ModalCardBase__container--softwareKeyboardOpened': isSoftwareKeyboardOpened
+    vkuiClass: classNames("ModalCardBase__container", {
+      "ModalCardBase__container--softwareKeyboardOpened": isSoftwareKeyboardOpened
     })
   }, hasReactNode(icon) && createScopedElement("div", {
     vkuiClass: "ModalCardBase__icon"
@@ -53,8 +53,8 @@ export var ModalCardBase = withAdaptivity(function (_ref) {
     weight: "regular",
     vkuiClass: "ModalCardBase__subheader"
   }, subheader), children, hasReactNode(actions) && createScopedElement("div", {
-    vkuiClass: classNames('ModalCardBase__actions', {
-      'ModalCardBase__actions--v': actionsLayout === 'vertical'
+    vkuiClass: classNames("ModalCardBase__actions", {
+      "ModalCardBase__actions--v": actionsLayout === "vertical"
     })
   }, actions), canShowCloseBtn && createScopedElement(ModalDismissButton, {
     onClick: onClose

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":["hasReactNode","Title","Headline","classNames","getClassName","usePlatform","ViewHeight","ViewWidth","withAdaptivity","PanelHeaderButton","IOS","ModalDismissButton","Icon24Dismiss","useKeyboard","ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","restProps","platform","isDesktop","SMALL_TABLET","MEDIUM","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","canShowCloseBtnIos"],"mappings":";;;;AACA,SAASA,YAAT;AACA,OAAOC,KAAP;AACA,OAAOC,QAAP;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAA0BC,UAA1B,EAAsCC,SAAtC,EAAiDC,cAAjD;AAEA,SAASC,iBAAT;AACA,SAASC,GAAT;AACA,OAAOC,kBAAP;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,WAAT;AACA;AAkCA,OAAO,IAAMC,aAA2C,GAAGN,cAAc,CAAC,gBAa9B;AAAA,MAZ1CO,UAY0C,QAZ1CA,UAY0C;AAAA,MAX1CC,IAW0C,QAX1CA,IAW0C;AAAA,MAV1CC,MAU0C,QAV1CA,MAU0C;AAAA,MAT1CC,SAS0C,QAT1CA,SAS0C;AAAA,MAR1CC,QAQ0C,QAR1CA,QAQ0C;AAAA,MAP1CC,OAO0C,QAP1CA,OAO0C;AAAA,MAN1CC,aAM0C,QAN1CA,aAM0C;AAAA,MAL1CC,SAK0C,QAL1CA,SAK0C;AAAA,MAJ1CC,QAI0C,QAJ1CA,QAI0C;AAAA,MAH1CC,UAG0C,QAH1CA,UAG0C;AAAA,MAF1CC,OAE0C,QAF1CA,OAE0C;AAAA,MADvCC,SACuC;;AAC1C,MAAMC,QAAQ,GAAGtB,WAAW,EAA5B;AACA,MAAMuB,SAAS,GAAGN,SAAS,IAAIf,SAAS,CAACsB,YAAvB,KAAwCN,QAAQ,IAAIC,UAAU,IAAIlB,UAAU,CAACwB,MAA7E,CAAlB;AACA,MAAMC,wBAAwB,GAAGlB,WAAW,GAAGmB,QAA/C;AAEA,MAAMC,eAAe,GAAGX,SAAS,IAAIf,SAAS,CAACsB,YAA/C;AACA,MAAMK,kBAAkB,GAAGP,QAAQ,KAAKjB,GAAb,IAAoB,CAACuB,eAAhD;AAEA,SACE,wCACMP,SADN;AAEE,IAAA,SAAS,EAAEvB,UAAU,CAACC,YAAY,CAAC,eAAD,EAAkBuB,QAAlB,CAAb,EAA0C;AAC7D,gCAA0BC;AADmC,KAA1C,CAFvB;AAKE,IAAA,GAAG,EAAEb;AALP,MAOE;AAAK,IAAA,SAAS,EAAEZ,UAAU,CAAC,0BAAD,EAA6B;AACrD,0DAAoD4B;AADC,KAA7B;AAA1B,KAGG/B,YAAY,CAACgB,IAAD,CAAZ,IAAsB;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CAHzB,EAIGhB,YAAY,CAACiB,MAAD,CAAZ,IAAwB,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAC,GAAb;AAAiB,IAAA,MAAM,EAAC,UAAxB;AAAmC,IAAA,SAAS,EAAC;AAA7C,KAAsEA,MAAtE,CAJ3B,EAKGjB,YAAY,CAACkB,SAAD,CAAZ,IAA2B,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAC,SAAjB;AAA2B,IAAA,SAAS,EAAC;AAArC,KAAiEA,SAAjE,CAL9B,EAOGC,QAPH,EASGnB,YAAY,CAACoB,OAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAEjB,UAAU,CAAC,wBAAD,EAA2B;AACnD,mCAA6BkB,aAAa,KAAK;AADI,KAA3B;AAA1B,KAGGD,OAHH,CAVJ,EAiBGa,eAAe,IAAI,oBAAC,kBAAD;AAAoB,IAAA,OAAO,EAAER;AAA7B,IAjBtB,EAkBGS,kBAAkB,IACjB,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAC,oBAA7B;AAAkD,IAAA,OAAO,EAAET;AAA3D,KACE,oBAAC,aAAD,OADF,CAnBJ,CAPF,CADF;AAkCD,CAvDwE,EAuDtE;AACDH,EAAAA,SAAS,EAAE,IADV;AAEDE,EAAAA,UAAU,EAAE,IAFX;AAGDD,EAAAA,QAAQ,EAAE;AAHT,CAvDsE,CAAlE","sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '../../lib/utils';\nimport Title from '../Typography/Title/Title';\nimport Headline from '../Typography/Headline/Headline';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AdaptivityProps, ViewHeight, ViewWidth, withAdaptivity } from '../../hoc/withAdaptivity';\nimport { HasRootRef } from '../../types';\nimport { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';\nimport { IOS } from '../../lib/platform';\nimport ModalDismissButton from '../ModalDismissButton/ModalDismissButton';\nimport { Icon24Dismiss } from '@vkontakte/icons';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport './ModalCardBase.css';\n\nexport interface ModalCardBaseProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n\n  /**\n   * Кнопки-действия.\n   *\n   * Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n   */\n  actions?: React.ReactNode;\n\n  /**\n   * Тип отображения кнопок: вертикальный или горизонтальный\n   */\n  actionsLayout?: 'vertical' | 'horizontal';\n  onClose?: VoidFunction;\n}\n\nexport const ModalCardBase: React.FC<ModalCardBaseProps> = withAdaptivity(({\n  getRootRef,\n  icon,\n  header,\n  subheader,\n  children,\n  actions,\n  actionsLayout,\n  viewWidth,\n  hasMouse,\n  viewHeight,\n  onClose,\n  ...restProps\n}: ModalCardBaseProps & AdaptivityProps) => {\n  const platform = usePlatform();\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n  const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalCardBase', platform), {\n        'ModalCardBase--desktop': isDesktop,\n      })}\n      ref={getRootRef}\n    >\n      <div vkuiClass={classNames('ModalCardBase__container', {\n        'ModalCardBase__container--softwareKeyboardOpened': isSoftwareKeyboardOpened,\n      })}>\n        {hasReactNode(icon) && <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>}\n        {hasReactNode(header) && <Title level=\"2\" weight=\"semibold\" vkuiClass=\"ModalCardBase__header\">{header}</Title>}\n        {hasReactNode(subheader) && <Headline weight=\"regular\" vkuiClass=\"ModalCardBase__subheader\">{subheader}</Headline>}\n\n        {children}\n\n        {hasReactNode(actions) &&\n          <div vkuiClass={classNames('ModalCardBase__actions', {\n            'ModalCardBase__actions--v': actionsLayout === 'vertical',\n          })}>\n            {actions}\n          </div>\n        }\n\n        {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n        {canShowCloseBtnIos &&\n          <PanelHeaderButton vkuiClass=\"ModalCard__dismiss\" onClick={onClose}>\n            <Icon24Dismiss />\n          </PanelHeaderButton>\n        }\n      </div>\n    </div>\n  );\n}, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n\n"],"file":"ModalCardBase.js"}
+{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":["hasReactNode","Title","Headline","classNames","getClassName","usePlatform","ViewHeight","ViewWidth","withAdaptivity","PanelHeaderButton","IOS","ModalDismissButton","Icon24Dismiss","useKeyboard","ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","restProps","platform","isDesktop","SMALL_TABLET","MEDIUM","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","canShowCloseBtnIos"],"mappings":";;;;AACA,SAASA,YAAT;AACA,OAAOC,KAAP;AACA,OAAOC,QAAP;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAEEC,UAFF,EAGEC,SAHF,EAIEC,cAJF;AAOA,SAASC,iBAAT;AACA,SAASC,GAAT;AACA,OAAOC,kBAAP;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,WAAT;AACA;AAoCA,OAAO,IAAMC,aAA2C,GAAGN,cAAc,CACvE,gBAa4C;AAAA,MAZ1CO,UAY0C,QAZ1CA,UAY0C;AAAA,MAX1CC,IAW0C,QAX1CA,IAW0C;AAAA,MAV1CC,MAU0C,QAV1CA,MAU0C;AAAA,MAT1CC,SAS0C,QAT1CA,SAS0C;AAAA,MAR1CC,QAQ0C,QAR1CA,QAQ0C;AAAA,MAP1CC,OAO0C,QAP1CA,OAO0C;AAAA,MAN1CC,aAM0C,QAN1CA,aAM0C;AAAA,MAL1CC,SAK0C,QAL1CA,SAK0C;AAAA,MAJ1CC,QAI0C,QAJ1CA,QAI0C;AAAA,MAH1CC,UAG0C,QAH1CA,UAG0C;AAAA,MAF1CC,OAE0C,QAF1CA,OAE0C;AAAA,MADvCC,SACuC;;AAC1C,MAAMC,QAAQ,GAAGtB,WAAW,EAA5B;AACA,MAAMuB,SAAS,GACbN,SAAS,IAAIf,SAAS,CAACsB,YAAvB,KACCN,QAAQ,IAAIC,UAAU,IAAIlB,UAAU,CAACwB,MADtC,CADF;AAGA,MAAMC,wBAAwB,GAAGlB,WAAW,GAAGmB,QAA/C;AAEA,MAAMC,eAAe,GAAGX,SAAS,IAAIf,SAAS,CAACsB,YAA/C;AACA,MAAMK,kBAAkB,GAAGP,QAAQ,KAAKjB,GAAb,IAAoB,CAACuB,eAAhD;AAEA,SACE,wCACMP,SADN;AAEE,IAAA,SAAS,EAAEvB,UAAU,CAACC,YAAY,CAAC,eAAD,EAAkBuB,QAAlB,CAAb,EAA0C;AAC7D,gCAA0BC;AADmC,KAA1C,CAFvB;AAKE,IAAA,GAAG,EAAEb;AALP,MAOE;AACE,IAAA,SAAS,EAAEZ,UAAU,CAAC,0BAAD,EAA6B;AAChD,0DACE4B;AAF8C,KAA7B;AADvB,KAMG/B,YAAY,CAACgB,IAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CAPJ,EASGhB,YAAY,CAACiB,MAAD,CAAZ,IACC,oBAAC,KAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,UAFT;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGA,MALH,CAVJ,EAkBGjB,YAAY,CAACkB,SAAD,CAAZ,IACC,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAC,SAAjB;AAA2B,IAAA,SAAS,EAAC;AAArC,KACGA,SADH,CAnBJ,EAwBGC,QAxBH,EA0BGnB,YAAY,CAACoB,OAAD,CAAZ,IACC;AACE,IAAA,SAAS,EAAEjB,UAAU,CAAC,wBAAD,EAA2B;AAC9C,mCAA6BkB,aAAa,KAAK;AADD,KAA3B;AADvB,KAKGD,OALH,CA3BJ,EAoCGa,eAAe,IAAI,oBAAC,kBAAD;AAAoB,IAAA,OAAO,EAAER;AAA7B,IApCtB,EAqCGS,kBAAkB,IACjB,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAC,oBAA7B;AAAkD,IAAA,OAAO,EAAET;AAA3D,KACE,oBAAC,aAAD,OADF,CAtCJ,CAPF,CADF;AAqDD,CA7EsE,EA8EvE;AACEH,EAAAA,SAAS,EAAE,IADb;AAEEE,EAAAA,UAAU,EAAE,IAFd;AAGED,EAAAA,QAAQ,EAAE;AAHZ,CA9EuE,CAAlE","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Title from \"../Typography/Title/Title\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  AdaptivityProps,\n  ViewHeight,\n  ViewWidth,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { HasRootRef } from \"../../types\";\nimport { PanelHeaderButton } from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS } from \"../../lib/platform\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { useKeyboard } from \"../../hooks/useKeyboard\";\nimport \"./ModalCardBase.css\";\n\nexport interface ModalCardBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n\n  /**\n   * Кнопки-действия.\n   *\n   * Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n   */\n  actions?: React.ReactNode;\n\n  /**\n   * Тип отображения кнопок: вертикальный или горизонтальный\n   */\n  actionsLayout?: \"vertical\" | \"horizontal\";\n  onClose?: VoidFunction;\n}\n\nexport const ModalCardBase: React.FC<ModalCardBaseProps> = withAdaptivity(\n  ({\n    getRootRef,\n    icon,\n    header,\n    subheader,\n    children,\n    actions,\n    actionsLayout,\n    viewWidth,\n    hasMouse,\n    viewHeight,\n    onClose,\n    ...restProps\n  }: ModalCardBaseProps & AdaptivityProps) => {\n    const platform = usePlatform();\n    const isDesktop =\n      viewWidth >= ViewWidth.SMALL_TABLET &&\n      (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n    const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n    const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n    const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n    return (\n      <div\n        {...restProps}\n        vkuiClass={classNames(getClassName(\"ModalCardBase\", platform), {\n          \"ModalCardBase--desktop\": isDesktop,\n        })}\n        ref={getRootRef}\n      >\n        <div\n          vkuiClass={classNames(\"ModalCardBase__container\", {\n            \"ModalCardBase__container--softwareKeyboardOpened\":\n              isSoftwareKeyboardOpened,\n          })}\n        >\n          {hasReactNode(icon) && (\n            <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>\n          )}\n          {hasReactNode(header) && (\n            <Title\n              level=\"2\"\n              weight=\"semibold\"\n              vkuiClass=\"ModalCardBase__header\"\n            >\n              {header}\n            </Title>\n          )}\n          {hasReactNode(subheader) && (\n            <Headline weight=\"regular\" vkuiClass=\"ModalCardBase__subheader\">\n              {subheader}\n            </Headline>\n          )}\n\n          {children}\n\n          {hasReactNode(actions) && (\n            <div\n              vkuiClass={classNames(\"ModalCardBase__actions\", {\n                \"ModalCardBase__actions--v\": actionsLayout === \"vertical\",\n              })}\n            >\n              {actions}\n            </div>\n          )}\n\n          {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n          {canShowCloseBtnIos && (\n            <PanelHeaderButton vkuiClass=\"ModalCard__dismiss\" onClick={onClose}>\n              <Icon24Dismiss />\n            </PanelHeaderButton>\n          )}\n        </div>\n      </div>\n    );\n  },\n  {\n    viewWidth: true,\n    viewHeight: true,\n    hasMouse: true,\n  }\n);\n"],"file":"ModalCardBase.js"}

package/dist/cssm/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";
@@ -9,7 +9,7 @@ import "./ModalDismissButton.css";
 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"
@@ -17,7 +17,7 @@ var ModalDismissButton = function ModalDismissButton(props) {
 };
 
 ModalDismissButton.defaultProps = {
-  'aria-label': 'Закрыть'
+  "aria-label": "Закрыть"
 };
 export default ModalDismissButton;
 //# sourceMappingURL=ModalDismissButton.js.map

package/dist/cssm/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;AACA;;AAIA,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;AACA;;AAIA,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;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> = (\n  props: ModalDismissButtonProps\n) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      vkuiClass={getClassName(\"ModalDismissButton\", platform)}\n      {...props}\n      activeMode=\"ModalDismissButton--active\"\n      hoverMode=\"ModalDismissButton--hover\"\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n\nModalDismissButton.defaultProps = {\n  \"aria-label\": \"Закрыть\",\n};\n\nexport default ModalDismissButton;\n"],"file":"ModalDismissButton.js"}

package/dist/cssm/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";
@@ -14,7 +14,7 @@ import { ModalType } from "../ModalRoot/types";
 import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
 import "./ModalPage.css";
-var warn = warnOnce('ModalPage');
+var warn = warnOnce("ModalPage");
 
 var ModalPage = function ModalPage(props) {
   var platform = usePlatform();
@@ -46,8 +46,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",

package/dist/cssm/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":"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","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  AdaptivityProps,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  onClose?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\nconst ModalPage: React.FC<ModalPageProps> = (props: ModalPageProps) => {\n  const platform = usePlatform();\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onClose,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\n\n  React.useEffect(() => {\n    updateModalHeight();\n  }, [children]);\n\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"ModalPage\", platform),\n        `ModalPage--sizeX-${sizeX}`,\n        {\n          \"ModalPage--desktop\": isDesktop,\n        }\n      )}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div\n              vkuiClass=\"ModalPage__content\"\n              ref={multiRef<HTMLDivElement>(\n                refs.contentElement,\n                getModalContentRef\n              )}\n            >\n              <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n            </div>\n          </div>\n          {canShowCloseBtn && (\n            <ModalDismissButton onClick={onClose || modalContext.onClose} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}

package/dist/cssm/components/ModalPageHeader/ModalPageHeader.css

@@ -1 +1 @@
-.vkuiModalPageHeader__in,.vkuiModalPageHeader__left,.vkuiModalPageHeader__right{box-sizing:border-box}.vkuiModalPageHeader__in{display:flex;align-items:center;white-space:nowrap;color:#000;color:var(--header_text_alternate);position:relative;z-index:2}.vkuiModalPage--android .vkuiModalPageHeader__in{height:56px;height:var(--modalheader_height_android);padding:0 4px}.vkuiModalPage--ios .vkuiModalPageHeader__in{height:52px;height:var(--modalheader_height_ios);padding:0 4px}.vkuiModalPageHeader__separator{margin-top:-1px}.vkuiModalPageHeader__left,.vkuiModalPageHeader__right{flex:0 0;display:flex;align-items:center;color:#2688eb;color:var(--header_tint_alternate)}.vkuiModalPageHeader__content{display:flex;align-items:center;overflow:hidden}.vkuiModalPageHeader__content-in{overflow:hidden;text-overflow:ellipsis;font-weight:800}.vkuiModalPageHeader__right{justify-content:flex-end;text-align:right}.vkuiModalPageHeader .vkuiPanelHeaderButton .vkuiIcon--dismiss_24{color:#99a2ad;color:var(--placeholder_icon_foreground_primary)}.vkuiModalPageHeader .vkuiPanelHeaderButton .vkuiIcon--cancel_24{color:#99a2ad;color:var(--icon_secondary)}.vkuiModalPageHeader--ios .vkuiModalPageHeader__in{justify-content:space-between}.vkuiModalPageHeader--ios .vkuiModalPageHeader__left{flex-grow:1;flex-basis:0;padding-right:12px;font-size:17px}.vkuiModalPageHeader--ios .vkuiModalPageHeader__left .vkuiPanelHeaderButton .vkuiIcon--24{padding-left:12px;padding-right:12px}.vkuiModalPageHeader--ios .vkuiModalPageHeader__content{position:relative;z-index:1;font-family:"TT Commons",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-tt);flex:2 1;font-size:21px;justify-content:center}@media (min-width:320px){.vkuiModalPageHeader--ios .vkuiModalPageHeader__content{flex-grow:3}}.vkuiModalPageHeader--ios .vkuiModalPageHeader__right{flex-grow:1;flex-basis:0;padding-left:12px;font-size:17px}.vkuiModalPageHeader--ios .vkuiModalPageHeader__right .vkuiPanelHeaderButton:not(:first-child){padding-left:12px}.vkuiModalPageHeader--ios .vkuiModalPageHeader__right .vkuiPanelHeaderButton .vkuiIcon--24{padding-left:12px;padding-right:12px}.vkuiModalPageHeader--ios.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__in{padding:0 8px}.vkuiModalPageHeader--ios.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__left:not(:empty){padding-left:0}.vkuiModalPageHeader--ios.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__right:not(:empty){padding-right:0}.vkuiModalPageHeader--android .vkuiModalPageHeader__left,.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__left{padding-right:6px}.vkuiModalPageHeader--android .vkuiModalPageHeader__left:empty{padding-right:12px}.vkuiModalPageHeader--android .vkuiModalPageHeader__left:not(:empty){padding-left:4px}.vkuiModalPageHeader--android .vkuiModalPageHeader__dismiss,.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__dismiss{color:#99a2ad;color:var(--icon_secondary)}.vkuiModalPageHeader--android .vkuiModalPageHeader__content{max-width:100%;flex-grow:2}.vkuiModalPageHeader--android .vkuiModalPageHeader__content-in{font-size:20px;font-family:"TT Commons",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-tt)}.vkuiModalPageHeader--android .vkuiModalPageHeader__right,.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__right{padding-left:6px}.vkuiModalPageHeader--android .vkuiModalPageHeader__right:not(:empty){padding-right:4px}.vkuiModalPageHeader--android.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__in{padding:0 8px}.vkuiModalPageHeader--android .vkuiModalPageHeader__left:empty{padding-right:14px}.vkuiModalPageHeader--android.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__left:not(:empty){padding-left:0}.vkuiModalPageHeader--android .vkuiModalPageHeader__right:empty{padding-left:14px}.vkuiModalPageHeader--android.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__right:not(:empty){padding-right:0}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__in{height:48px;height:var(--panelheader_height_vkcom);justify-content:space-between;padding:0 2px}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__left,.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__right{flex-grow:1;flex-basis:0}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__left{padding-right:1px}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__right{padding-left:1px}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__left:empty{padding-right:10px}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__right:empty{padding-left:10px}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__content{max-width:100%}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__content-in{display:flex;align-items:center;font-size:15px;line-height:20px;font-weight:500}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__content-in>span{overflow:hidden;width:100%;text-overflow:ellipsis}
+.vkuiModalPageHeader__in,.vkuiModalPageHeader__left,.vkuiModalPageHeader__right{box-sizing:border-box}.vkuiModalPageHeader__in{display:flex;align-items:center;white-space:nowrap;color:#000;color:var(--header_text_alternate);position:relative;z-index:2}.vkuiModalPage--android .vkuiModalPageHeader__in{height:56px;height:var(--modalheader_height_android);padding:0 4px}.vkuiModalPage--ios .vkuiModalPageHeader__in{height:52px;height:var(--modalheader_height_ios);padding:0 4px}.vkuiModalPageHeader__separator{margin-top:-1px}.vkuiModalPageHeader__left,.vkuiModalPageHeader__right{flex:0 0;display:flex;align-items:center;color:#2688eb;color:var(--header_tint_alternate)}.vkuiModalPageHeader__content{display:flex;align-items:center;overflow:hidden}.vkuiModalPageHeader__content-in{overflow:hidden;text-overflow:ellipsis}.vkuiModalPageHeader__right{justify-content:flex-end;text-align:right}.vkuiModalPageHeader .vkuiPanelHeaderButton .vkuiIcon--dismiss_24{color:#99a2ad;color:var(--placeholder_icon_foreground_primary)}.vkuiModalPageHeader .vkuiPanelHeaderButton .vkuiIcon--cancel_24{color:#99a2ad;color:var(--icon_secondary)}.vkuiModalPageHeader--ios .vkuiModalPageHeader__in{justify-content:space-between}.vkuiModalPageHeader--ios .vkuiModalPageHeader__left{flex-grow:1;flex-basis:0;padding-right:12px;font-size:17px}.vkuiModalPageHeader--ios .vkuiModalPageHeader__left .vkuiPanelHeaderButton .vkuiIcon--24{padding-left:12px;padding-right:12px}.vkuiModalPageHeader--ios .vkuiModalPageHeader__content{position:relative;z-index:1;flex:2 1;justify-content:center}.vkuiModalPageHeader--ios .vkuiModalPageHeader__content-in{font-size:21px;font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:500}@media (min-width:320px){.vkuiModalPageHeader--ios .vkuiModalPageHeader__content{flex-grow:3}}.vkuiModalPageHeader--ios .vkuiModalPageHeader__right{flex-grow:1;flex-basis:0;padding-left:12px;font-size:17px}.vkuiModalPageHeader--ios .vkuiModalPageHeader__right .vkuiPanelHeaderButton:not(:first-child){padding-left:12px}.vkuiModalPageHeader--ios .vkuiModalPageHeader__right .vkuiPanelHeaderButton .vkuiIcon--24{padding-left:12px;padding-right:12px}.vkuiModalPageHeader--ios.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__in{padding:0 8px}.vkuiModalPageHeader--ios.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__left:not(:empty){padding-left:0}.vkuiModalPageHeader--ios.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__right:not(:empty){padding-right:0}.vkuiModalPageHeader--android .vkuiModalPageHeader__left,.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__left{padding-right:6px}.vkuiModalPageHeader--android .vkuiModalPageHeader__left:empty{padding-right:12px}.vkuiModalPageHeader--android .vkuiModalPageHeader__left:not(:empty){padding-left:4px}.vkuiModalPageHeader--android .vkuiModalPageHeader__dismiss,.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__dismiss{color:#99a2ad;color:var(--icon_secondary)}.vkuiModalPageHeader--android .vkuiModalPageHeader__content{max-width:100%;flex-grow:2}.vkuiModalPageHeader--android .vkuiModalPageHeader__content-in{font-size:23px;font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:500}.vkuiModalPageHeader--android .vkuiModalPageHeader__right,.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__right{padding-left:6px}.vkuiModalPageHeader--android .vkuiModalPageHeader__right:not(:empty){padding-right:4px}.vkuiModalPageHeader--android.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__in{padding:0 8px}.vkuiModalPageHeader--android .vkuiModalPageHeader__left:empty{padding-right:14px}.vkuiModalPageHeader--android.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__left:not(:empty){padding-left:0}.vkuiModalPageHeader--android .vkuiModalPageHeader__right:empty{padding-left:14px}.vkuiModalPageHeader--android.vkuiModalPageHeader--sizeX-regular .vkuiModalPageHeader__right:not(:empty){padding-right:0}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__in{height:48px;height:var(--panelheader_height_vkcom);justify-content:space-between;padding:0 2px}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__left,.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__right{flex-grow:1;flex-basis:0}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__left{padding-right:1px}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__right{padding-left:1px}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__left:empty{padding-right:10px}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__right:empty{padding-left:10px}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__content{max-width:100%}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__content-in{display:flex;align-items:center;font-size:15px;line-height:20px;font-weight:500}.vkuiModalPageHeader--vkcom .vkuiModalPageHeader__content-in>span{overflow:hidden;width:100%;text-overflow:ellipsis}

package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js

@@ -27,7 +27,7 @@ var ModalPageHeader = function ModalPageHeader(props) {
   var isPrimitive = isPrimitiveReactNode(children);
   var hasSeparator = separator && platform === VKCOM;
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('ModalPageHeader', platform), "ModalPageHeader--sizeX-".concat(sizeX)),
+    vkuiClass: classNames(getClassName("ModalPageHeader", platform), "ModalPageHeader--sizeX-".concat(sizeX)),
     ref: getRef
   }), createScopedElement("div", {
     vkuiClass: "ModalPageHeader__in"

package/dist/cssm/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;AACA;;AAcA,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":["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;AACA;;AAgBA,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,CACrEC,KADqE,EAElE;AACH,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,CACnBD,YAAY,CAAC,iBAAD,EAAoBS,QAApB,CADO,mCAEOC,KAFP,EAFvB;AAME,IAAA,GAAG,EAAEK;AANP,MAQE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCJ,IAAxC,CADF,EAGE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,WAAW,GAAG,kCAAOJ,QAAP,CAAH,GAA6BA,QAD3C,CADF,CAHF,EASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAyCD,KAAzC,CATF,CARF,EAoBGM,YAAY,IACX,oBAAC,SAAD;AAAW,IAAA,IAAI,MAAf;AAAgB,IAAA,SAAS,EAAC;AAA1B,IArBJ,CADF;AA0BD,CAnCD;;AAqCAX,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\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Иконки, отображаемые слева\n   */\n  left?: React.ReactNode;\n  /**\n   * Иконки, отображаемые справа\n   */\n  right?: React.ReactNode;\n  separator?: boolean;\n}\n\nconst ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps> = (\n  props: ModalPageHeaderProps\n) => {\n  const platform = usePlatform();\n  const { sizeX } = useAdaptivity();\n  const { left, right, children, separator, getRef, ...restProps } = props;\n  const isPrimitive = isPrimitiveReactNode(children);\n  const hasSeparator = separator && platform === VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"ModalPageHeader\", platform),\n        `ModalPageHeader--sizeX-${sizeX}`\n      )}\n      ref={getRef}\n    >\n      <div vkuiClass=\"ModalPageHeader__in\">\n        <div vkuiClass=\"ModalPageHeader__left\">{left}</div>\n\n        <div vkuiClass=\"ModalPageHeader__content\">\n          <div vkuiClass=\"ModalPageHeader__content-in\">\n            {isPrimitive ? <span>{children}</span> : children}\n          </div>\n        </div>\n\n        <div vkuiClass=\"ModalPageHeader__right\">{right}</div>\n      </div>\n\n      {hasSeparator && (\n        <Separator wide vkuiClass=\"ModalPageHeader__separator\" />\n      )}\n    </div>\n  );\n};\n\nModalPageHeader.defaultProps = {\n  separator: true,\n};\n\nexport default ModalPageHeader;\n"],"file":"ModalPageHeader.js"}

package/dist/cssm/components/ModalRoot/ModalRoot.js

@@ -8,7 +8,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["id"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { Touch } from "../Touch/Touch";
 import TouchRootContext from "../Touch/TouchContext";
 import { getClassName } from "../../helpers/getClassName";
@@ -29,8 +29,8 @@ import { warnOnce } from "../../lib/warnOnce";
 import { FocusTrap } from "../FocusTrap/FocusTrap";
 import { withModalManager } from "./useModalManager";
 import "./ModalRoot.css";
-var warn = warnOnce('ModalRoot');
-var IS_DEV = process.env.NODE_ENV === 'development';
+var warn = warnOnce("ModalRoot");
+var IS_DEV = process.env.NODE_ENV === "development";
 
 function numberInRange(number, range) {
   return number >= range[0] && number <= range[1];
@@ -211,14 +211,14 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       // Отслеживаем изменение размеров viewport (Необходимо для iOS)
       if (this.props.platform === IOS) {
-        this.window.addEventListener('resize', this.updateModalTranslate, false);
+        this.window.addEventListener("resize", this.updateModalTranslate, false);
       }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.toggleDocumentScrolling(true);
-      this.window.removeEventListener('resize', this.updateModalTranslate, false);
+      this.window.removeEventListener("resize", this.updateModalTranslate, false);
     }
   }, {
     key: "componentDidUpdate",
@@ -270,12 +270,12 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         // Здесь нужен последний аргумент с такими же параметрами, потому что
         // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.
         // https://github.com/VKCOM/VKUI/issues/444
-        // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)
-        this.window.removeEventListener('touchmove', this.preventTouch, {
+        this.window.removeEventListener("touchmove", this.preventTouch, {
+          // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)
           passive: false
         });
       } else {
-        this.window.addEventListener('touchmove', this.preventTouch, {
+        this.window.addEventListener("touchmove", this.preventTouch, {
           passive: false
         });
       }
@@ -526,11 +526,11 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
     value: function waitTransitionFinish(modalState, eventHandler) {
       if (transitionEvent.supported) {
         var onceHandler = function onceHandler() {
-          modalState.innerElement.removeEventListener(transitionEvent.name, onceHandler);
+          modalState === null || modalState === void 0 ? void 0 : modalState.innerElement.removeEventListener(transitionEvent.name, onceHandler);
           eventHandler();
         };
 
-        modalState.innerElement.addEventListener(transitionEvent.name, onceHandler);
+        modalState === null || modalState === void 0 ? void 0 : modalState.innerElement.addEventListener(transitionEvent.name, onceHandler);
       } else {
         setTimeout(eventHandler, this.timeout);
       }
@@ -596,10 +596,10 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
       }, createScopedElement(ModalRootContext.Provider, {
         value: this.modalRootContext
       }, createScopedElement(Touch, {
-        vkuiClass: classNames(getClassName('ModalRoot', this.props.platform), {
-          'ModalRoot--vkapps': this.props.configProvider.webviewType === WebviewType.VKAPPS,
-          'ModalRoot--touched': touchDown,
-          'ModalRoot--switching': !!(enteringModal || exitingModal)
+        vkuiClass: classNames(getClassName("ModalRoot", this.props.platform), {
+          "ModalRoot--vkapps": this.props.configProvider.webviewType === WebviewType.VKAPPS,
+          "ModalRoot--touched": touchDown,
+          "ModalRoot--switching": !!(enteringModal || exitingModal)
         }),
         onMove: this.onTouchMove,
         onEnd: this.onTouchEnd,
@@ -629,14 +629,14 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
           },
           onClose: _this7.props.closeActiveModal,
           timeout: _this7.timeout,
-          vkuiClass: classNames('ModalRoot__modal', {
-            'ModalRoot__modal--active': modalId === activeModal,
-            'ModalRoot__modal--prev': modalId === exitingModal,
-            'ModalRoot__modal--next': exitingModal && modalId === activeModal || modalId === enteringModal,
-            'ModalRoot__modal--dragging': dragging,
-            'ModalRoot__modal--expandable': isPage && modalState.expandable,
-            'ModalRoot__modal--expanded': isPage && modalState.expanded,
-            'ModalRoot__modal--collapsed': isPage && modalState.collapsed
+          vkuiClass: classNames("ModalRoot__modal", {
+            "ModalRoot__modal--active": modalId === activeModal,
+            "ModalRoot__modal--prev": modalId === exitingModal,
+            "ModalRoot__modal--next": exitingModal && modalId === activeModal || modalId === enteringModal,
+            "ModalRoot__modal--dragging": dragging,
+            "ModalRoot__modal--expandable": isPage && modalState.expandable,
+            "ModalRoot__modal--expanded": isPage && modalState.expanded,
+            "ModalRoot__modal--collapsed": isPage && modalState.collapsed
           }),
           restoreFocus: false
         }, Modal);
@@ -647,7 +647,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
   return ModalRootTouchComponent;
 }(React.Component);
 
-export var ModalRootTouch = withContext(withPlatform(withDOM(withModalManager(initModal)(ModalRootTouchComponent))), ConfigProviderContext, 'configProvider');
+export var ModalRootTouch = withContext(withPlatform(withDOM(withModalManager(initModal)(ModalRootTouchComponent))), ConfigProviderContext, "configProvider");
 /**
  * Инициализирует модалку перед анимацией открытия
  */
@@ -662,7 +662,7 @@ function initModal(modalState) {
       return initCardModal(modalState);
 
     default:
-      IS_DEV && warn('[initActiveModal] modalState.type is unknown');
+      IS_DEV && warn("[initActiveModal] modalState.type is unknown");
   }
 }