@vkontakte/vkui 4.23.0 → 4.24.0

package/dist/cssm/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"names":["usePlatform","classNames","getClassName","warnOnce","warn","Text","children","weight","Component","getRootRef","restProps","platform","process","env","NODE_ENV"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SAASC,QAAT;AACA;AAMA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;;AACA,IAAME,IAAyB,GAAG,SAA5BA,IAA4B,OAMjB;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,SAIM;AAAA,4BAHfC,SAGe;AAAA,MAHfA,SAGe,+BAHH,MAGG;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;;AACf,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAIY,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0C,OAAON,SAAP,KAAqB,QAA/D,IAA2EC,UAA/E,EAA2F;AACzFL,IAAAA,IAAI,CAAC,iDAAD,CAAJ;AACD;;AAED,SACE,oBAAC,SAAD,eACMM,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAER,UAAU,CAACC,YAAY,CAAC,MAAD,EAASS,QAAT,CAAb,oBAA4CJ,MAA5C;AAHvB,MAKGD,QALH,CADF;AASD,CAtBD;;AAwBA,eAAeD,IAAf","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport './Text.css';\n\nexport interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {\n  weight: 'regular' | 'medium' | 'semibold';\n}\n\nconst warn = warnOnce('Text');\nconst Text: React.FC<TextProps> = ({\n  children,\n  weight = 'regular',\n  Component = 'span',\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  const platform = usePlatform();\n\n  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {\n    warn('getRootRef can only be used with DOM components');\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName('Text', platform), `Text--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Text;\n"],"file":"Text.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"names":["usePlatform","classNames","getClassName","warnOnce","warn","Text","children","weight","Component","getRootRef","restProps","platform","process","env","NODE_ENV"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SAASC,QAAT;AACA;AASA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;;AACA,IAAME,IAAyB,GAAG,SAA5BA,IAA4B,OAMjB;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,SAIM;AAAA,4BAHfC,SAGe;AAAA,MAHfA,SAGe,+BAHH,MAGG;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;;AACf,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MACEY,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAON,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;AACAL,IAAAA,IAAI,CAAC,iDAAD,CAAJ;AACD;;AAED,SACE,oBAAC,SAAD,eACMM,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAER,UAAU,CACnBC,YAAY,CAAC,MAAD,EAASS,QAAT,CADO,oBAERJ,MAFQ;AAHvB,MAQGD,QARH,CADF;AAYD,CA7BD;;AA+BA,eAAeD,IAAf","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  weight: \"regular\" | \"medium\" | \"semibold\";\n}\n\nconst warn = warnOnce(\"Text\");\nconst Text: React.FC<TextProps> = ({\n  children,\n  weight = \"regular\",\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  const platform = usePlatform();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef can only be used with DOM components\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Text\", platform),\n        `Text--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Text;\n"],"file":"Text.js"}

package/dist/cssm/components/Typography/Title/Title.js

@@ -12,20 +12,20 @@ import "./Title.css";
 var Title = function Title(_ref) {
   var children = _ref.children,
       _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       _ref$level = _ref.level,
-      level = _ref$level === void 0 ? '1' : _ref$level,
+      level = _ref$level === void 0 ? "1" : _ref$level,
       Component = _ref.Component,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
 
   if (!Component) {
-    Component = 'h' + level;
+    Component = "h" + level;
   }
 
-  if (platform === ANDROID && level === '3') {
-    var headlineWeight = weight === 'regular' ? weight : 'medium';
+  if (platform === ANDROID && level === "3") {
+    var headlineWeight = weight === "regular" ? weight : "medium";
     return createScopedElement(Headline, _extends({
       Component: Component
     }, restProps, {
@@ -34,7 +34,7 @@ var Title = function Title(_ref) {
   }
 
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('Title', platform), "Title--w-".concat(weight), "Title--l-".concat(level))
+    vkuiClass: classNames(getClassName("Title", platform), "Title--w-".concat(weight), "Title--l-".concat(level))
   }), children);
 };
 

package/dist/cssm/components/Typography/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":["usePlatform","classNames","getClassName","ANDROID","Headline","Title","children","weight","level","Component","restProps","platform","headlineWeight"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,OAAOC,QAAP;AACA;;AAOA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,OAMlB;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,yBAJhBC,MAIgB;AAAA,MAJhBA,MAIgB,4BAJP,SAIO;AAAA,wBAHhBC,KAGgB;AAAA,MAHhBA,KAGgB,2BAHR,GAGQ;AAAA,MAFhBC,SAEgB,QAFhBA,SAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAI,CAACS,SAAL,EAAgB;AACdA,IAAAA,SAAS,GAAI,MAAMD,KAAnB;AACD;;AAED,MAAIG,QAAQ,KAAKR,OAAb,IAAwBK,KAAK,KAAK,GAAtC,EAA2C;AACzC,QAAMI,cAAuC,GAAGL,MAAM,KAAK,SAAX,GAAuBA,MAAvB,GAAgC,QAAhF;AAEA,WACE,oBAAC,QAAD;AACE,MAAA,SAAS,EAAEE;AADb,OAEMC,SAFN;AAGE,MAAA,MAAM,EAAEE;AAHV,QAKGN,QALH,CADF;AASD;;AAED,SACE,oBAAC,SAAD,eACMI,SADN;AAEE,IAAA,SAAS,EACPT,UAAU,CACRC,YAAY,CAAC,OAAD,EAAUS,QAAV,CADJ,qBAEIJ,MAFJ,sBAGIC,KAHJ;AAHd,MAUGF,QAVH,CADF;AAcD,CAzCD;;AA2CA,eAAeD,KAAf","sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../../types';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport { ANDROID } from '../../../lib/platform';\nimport Headline, { HeadlineProps } from '../Headline/Headline';\nimport './Title.css';\n\nexport interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  weight: 'heavy' | 'bold' | 'semibold' | 'medium' | 'regular';\n  level: '1' | '2' | '3';\n}\n\nconst Title: React.FC<TitleProps> = ({\n  children,\n  weight = 'regular',\n  level = '1',\n  Component,\n  ...restProps\n}: TitleProps) => {\n  const platform = usePlatform();\n\n  if (!Component) {\n    Component = ('h' + level) as React.ElementType;\n  }\n\n  if (platform === ANDROID && level === '3') {\n    const headlineWeight: HeadlineProps['weight'] = weight === 'regular' ? weight : 'medium';\n\n    return (\n      <Headline\n        Component={Component}\n        {...restProps}\n        weight={headlineWeight}\n      >\n        {children}\n      </Headline>\n    );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={\n        classNames(\n          getClassName('Title', platform),\n          `Title--w-${weight}`,\n          `Title--l-${level}`,\n        )\n      }\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Title;\n"],"file":"Title.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":["usePlatform","classNames","getClassName","ANDROID","Headline","Title","children","weight","level","Component","restProps","platform","headlineWeight"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,OAAOC,QAAP;AACA;;AASA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,OAMlB;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,yBAJhBC,MAIgB;AAAA,MAJhBA,MAIgB,4BAJP,SAIO;AAAA,wBAHhBC,KAGgB;AAAA,MAHhBA,KAGgB,2BAHR,GAGQ;AAAA,MAFhBC,SAEgB,QAFhBA,SAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAI,CAACS,SAAL,EAAgB;AACdA,IAAAA,SAAS,GAAI,MAAMD,KAAnB;AACD;;AAED,MAAIG,QAAQ,KAAKR,OAAb,IAAwBK,KAAK,KAAK,GAAtC,EAA2C;AACzC,QAAMI,cAAuC,GAC3CL,MAAM,KAAK,SAAX,GAAuBA,MAAvB,GAAgC,QADlC;AAGA,WACE,oBAAC,QAAD;AAAU,MAAA,SAAS,EAAEE;AAArB,OAAoCC,SAApC;AAA+C,MAAA,MAAM,EAAEE;AAAvD,QACGN,QADH,CADF;AAKD;;AAED,SACE,oBAAC,SAAD,eACMI,SADN;AAEE,IAAA,SAAS,EAAET,UAAU,CACnBC,YAAY,CAAC,OAAD,EAAUS,QAAV,CADO,qBAEPJ,MAFO,sBAGPC,KAHO;AAFvB,MAQGF,QARH,CADF;AAYD,CApCD;;AAsCA,eAAeD,KAAf","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { ANDROID } from \"../../../lib/platform\";\nimport Headline, { HeadlineProps } from \"../Headline/Headline\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  weight: \"heavy\" | \"bold\" | \"semibold\" | \"medium\" | \"regular\";\n  level: \"1\" | \"2\" | \"3\";\n}\n\nconst Title: React.FC<TitleProps> = ({\n  children,\n  weight = \"regular\",\n  level = \"1\",\n  Component,\n  ...restProps\n}: TitleProps) => {\n  const platform = usePlatform();\n\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  if (platform === ANDROID && level === \"3\") {\n    const headlineWeight: HeadlineProps[\"weight\"] =\n      weight === \"regular\" ? weight : \"medium\";\n\n    return (\n      <Headline Component={Component} {...restProps} weight={headlineWeight}>\n        {children}\n      </Headline>\n    );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Title\", platform),\n        `Title--w-${weight}`,\n        `Title--l-${level}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Title;\n"],"file":"Title.js"}

package/dist/cssm/components/UsersStack/UsersStack.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["photos", "visibleCount", "size", "layout", "children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { usePlatform } from "../../hooks/usePlatform";
 import { hasReactNode } from "../../lib/utils";
@@ -31,11 +31,11 @@ var UsersStack = function UsersStack(props) {
     createMasks(document);
   }, [document]);
   var othersCount = Math.max(0, photos.length - visibleCount);
-  var canShowOthers = othersCount > 0 && size === 'm';
+  var canShowOthers = othersCount > 0 && size === "m";
   var photosShown = photos.slice(0, visibleCount);
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('UsersStack', platform), "UsersStack--size-".concat(size), "UsersStack--l-".concat(layout), {
-      'UsersStack--others': canShowOthers
+    vkuiClass: classNames(getClassName("UsersStack", platform), "UsersStack--size-".concat(size), "UsersStack--l-".concat(layout), {
+      "UsersStack--others": canShowOthers
     })
   }), createScopedElement("div", {
     vkuiClass: "UsersStack__photos",
@@ -62,9 +62,9 @@ var UsersStack = function UsersStack(props) {
 
 UsersStack.defaultProps = {
   photos: [],
-  size: 's',
+  size: "s",
   visibleCount: 3,
-  layout: 'horizontal'
+  layout: "horizontal"
 };
 export default /*#__PURE__*/React.memo(UsersStack);
 //# sourceMappingURL=UsersStack.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["React","getClassName","usePlatform","hasReactNode","classNames","useIsomorphicLayoutEffect","Caption","Subhead","createMasks","useDOM","UsersStack","props","platform","photos","visibleCount","size","layout","children","restProps","document","othersCount","Math","max","length","canShowOthers","photosShown","slice","map","photo","i","backgroundImage","defaultProps","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,yBAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,WAAT;AACA,SAASC,MAAT;AACA;;AAsBA,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AACA,MAAQW,MAAR,GAAuEF,KAAvE,CAAQE,MAAR;AAAA,MAAgBC,YAAhB,GAAuEH,KAAvE,CAAgBG,YAAhB;AAAA,MAA8BC,IAA9B,GAAuEJ,KAAvE,CAA8BI,IAA9B;AAAA,MAAoCC,MAApC,GAAuEL,KAAvE,CAAoCK,MAApC;AAAA,MAA4CC,QAA5C,GAAuEN,KAAvE,CAA4CM,QAA5C;AAAA,MAAyDC,SAAzD,4BAAuEP,KAAvE;;AACA,gBAAqBF,MAAM,EAA3B;AAAA,MAAQU,QAAR,WAAQA,QAAR;;AAEAd,EAAAA,yBAAyB,CAAC,YAAM;AAC9BG,IAAAA,WAAW,CAACW,QAAD,CAAX;AACD,GAFwB,EAEtB,CAACA,QAAD,CAFsB,CAAzB;AAIA,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,MAAM,CAACU,MAAP,GAAgBT,YAA5B,CAApB;AACA,MAAMU,aAAa,GAAGJ,WAAW,GAAG,CAAd,IAAmBL,IAAI,KAAK,GAAlD;AAEA,MAAMU,WAAW,GAAGZ,MAAM,CAACa,KAAP,CAAa,CAAb,EAAgBZ,YAAhB,CAApB;AAEA,SACE,wCACMI,SADN;AAEE,IAAA,SAAS,EACPd,UAAU,CACRH,YAAY,CAAC,YAAD,EAAeW,QAAf,CADJ,6BAEYG,IAFZ,2BAGSC,MAHT,GAIR;AACE,4BAAsBQ;AADxB,KAJQ;AAHd,MAaE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,IAAI,EAAC;AAAzC,KACGC,WAAW,CAACE,GAAZ,CAAgB,UAACC,KAAD,EAAQC,CAAR;AAAA,WACf;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,mBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASF,KAAT;AAAjB;AAHT,MADe;AAAA,GAAhB,CADH,EASGJ,aAAa,IACZ,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,QAAhB;AAAyB,IAAA,KAAK,EAAC,GAA/B;AAAmC,IAAA,SAAS,EAAC,6CAA7C;AAA2F,mBAAY;AAAvG,KACE,uCAAQJ,WAAR,CADF,CAVJ,CAbF,EA4BGjB,YAAY,CAACc,QAAD,CAAZ,IAA0B,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,MAAM,EAAC,SAAjC;AAA2C,IAAA,SAAS,EAAC;AAArD,KAAyEA,QAAzE,CA5B7B,CADF;AAgCD,CA9CD;;AAgDAP,UAAU,CAACqB,YAAX,GAA0B;AACxBlB,EAAAA,MAAM,EAAE,EADgB;AAExBE,EAAAA,IAAI,EAAE,GAFkB;AAGxBD,EAAAA,YAAY,EAAE,CAHU;AAIxBE,EAAAA,MAAM,EAAE;AAJgB,CAA1B;AAOA,4BAAehB,KAAK,CAACgC,IAAN,CAAWtB,UAAX,CAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasReactNode } from '../../lib/utils';\nimport { classNames } from '../../lib/classNames';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport Caption from '../Typography/Caption/Caption';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport { createMasks } from './masks';\nimport { useDOM } from '../../lib/dom';\nimport './UsersStack.css';\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: 'xs' | 's' | 'm';\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: 'vertical' | 'horizontal';\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n}\n\nconst UsersStack: React.FC<UsersStackProps> = (props: UsersStackProps) => {\n  const platform = usePlatform();\n  const { photos, visibleCount, size, layout, children, ...restProps } = props;\n  const { document } = useDOM();\n\n  useIsomorphicLayoutEffect(() => {\n    createMasks(document);\n  }, [document]);\n\n  const othersCount = Math.max(0, photos.length - visibleCount);\n  const canShowOthers = othersCount > 0 && size === 'm';\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={\n        classNames(\n          getClassName('UsersStack', platform),\n          `UsersStack--size-${size}`,\n          `UsersStack--l-${layout}`,\n          {\n            'UsersStack--others': canShowOthers,\n          },\n        )\n      }\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => (\n          <div\n            key={i}\n            vkuiClass=\"UsersStack__photo\"\n            style={{ backgroundImage: `url(${photo})` }}\n          />\n        ))}\n\n        {canShowOthers &&\n          <Caption weight=\"medium\" level=\"1\" vkuiClass=\"UsersStack__photo UsersStack__photo--others\" aria-hidden=\"true\">\n            <span>+{othersCount}</span>\n          </Caption>\n        }\n      </div>\n      {hasReactNode(children) && <Subhead Component=\"span\" weight=\"regular\" vkuiClass=\"UsersStack__text\">{children}</Subhead>}\n    </div>\n  );\n};\n\nUsersStack.defaultProps = {\n  photos: [],\n  size: 's',\n  visibleCount: 3,\n  layout: 'horizontal',\n};\n\nexport default React.memo(UsersStack);\n"],"file":"UsersStack.js"}
+{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["React","getClassName","usePlatform","hasReactNode","classNames","useIsomorphicLayoutEffect","Caption","Subhead","createMasks","useDOM","UsersStack","props","platform","photos","visibleCount","size","layout","children","restProps","document","othersCount","Math","max","length","canShowOthers","photosShown","slice","map","photo","i","backgroundImage","defaultProps","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,yBAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,WAAT;AACA,SAASC,MAAT;AACA;;AAsBA,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AACA,MAAQW,MAAR,GAAuEF,KAAvE,CAAQE,MAAR;AAAA,MAAgBC,YAAhB,GAAuEH,KAAvE,CAAgBG,YAAhB;AAAA,MAA8BC,IAA9B,GAAuEJ,KAAvE,CAA8BI,IAA9B;AAAA,MAAoCC,MAApC,GAAuEL,KAAvE,CAAoCK,MAApC;AAAA,MAA4CC,QAA5C,GAAuEN,KAAvE,CAA4CM,QAA5C;AAAA,MAAyDC,SAAzD,4BAAuEP,KAAvE;;AACA,gBAAqBF,MAAM,EAA3B;AAAA,MAAQU,QAAR,WAAQA,QAAR;;AAEAd,EAAAA,yBAAyB,CAAC,YAAM;AAC9BG,IAAAA,WAAW,CAACW,QAAD,CAAX;AACD,GAFwB,EAEtB,CAACA,QAAD,CAFsB,CAAzB;AAIA,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,MAAM,CAACU,MAAP,GAAgBT,YAA5B,CAApB;AACA,MAAMU,aAAa,GAAGJ,WAAW,GAAG,CAAd,IAAmBL,IAAI,KAAK,GAAlD;AAEA,MAAMU,WAAW,GAAGZ,MAAM,CAACa,KAAP,CAAa,CAAb,EAAgBZ,YAAhB,CAApB;AAEA,SACE,wCACMI,SADN;AAEE,IAAA,SAAS,EAAEd,UAAU,CACnBH,YAAY,CAAC,YAAD,EAAeW,QAAf,CADO,6BAECG,IAFD,2BAGFC,MAHE,GAInB;AACE,4BAAsBQ;AADxB,KAJmB;AAFvB,MAWE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,IAAI,EAAC;AAAzC,KACGC,WAAW,CAACE,GAAZ,CAAgB,UAACC,KAAD,EAAQC,CAAR;AAAA,WACf;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,mBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASF,KAAT;AAAjB;AAHT,MADe;AAAA,GAAhB,CADH,EASGJ,aAAa,IACZ,oBAAC,OAAD;AACE,IAAA,MAAM,EAAC,QADT;AAEE,IAAA,KAAK,EAAC,GAFR;AAGE,IAAA,SAAS,EAAC,6CAHZ;AAIE,mBAAY;AAJd,KAME,uCAAQJ,WAAR,CANF,CAVJ,CAXF,EA+BGjB,YAAY,CAACc,QAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,MAAM,EAAC,SAAjC;AAA2C,IAAA,SAAS,EAAC;AAArD,KACGA,QADH,CAhCJ,CADF;AAuCD,CArDD;;AAuDAP,UAAU,CAACqB,YAAX,GAA0B;AACxBlB,EAAAA,MAAM,EAAE,EADgB;AAExBE,EAAAA,IAAI,EAAE,GAFkB;AAGxBD,EAAAA,YAAY,EAAE,CAHU;AAIxBE,EAAAA,MAAM,EAAE;AAJgB,CAA1B;AAOA,4BAAehB,KAAK,CAACgC,IAAN,CAAWtB,UAAX,CAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport { createMasks } from \"./masks\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\";\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n}\n\nconst UsersStack: React.FC<UsersStackProps> = (props: UsersStackProps) => {\n  const platform = usePlatform();\n  const { photos, visibleCount, size, layout, children, ...restProps } = props;\n  const { document } = useDOM();\n\n  useIsomorphicLayoutEffect(() => {\n    createMasks(document);\n  }, [document]);\n\n  const othersCount = Math.max(0, photos.length - visibleCount);\n  const canShowOthers = othersCount > 0 && size === \"m\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"UsersStack\", platform),\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        {\n          \"UsersStack--others\": canShowOthers,\n        }\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => (\n          <div\n            key={i}\n            vkuiClass=\"UsersStack__photo\"\n            style={{ backgroundImage: `url(${photo})` }}\n          />\n        ))}\n\n        {canShowOthers && (\n          <Caption\n            weight=\"medium\"\n            level=\"1\"\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden=\"true\"\n          >\n            <span>+{othersCount}</span>\n          </Caption>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Subhead Component=\"span\" weight=\"regular\" vkuiClass=\"UsersStack__text\">\n          {children}\n        </Subhead>\n      )}\n    </div>\n  );\n};\n\nUsersStack.defaultProps = {\n  photos: [],\n  size: \"s\",\n  visibleCount: 3,\n  layout: \"horizontal\",\n};\n\nexport default React.memo(UsersStack);\n"],"file":"UsersStack.js"}

package/dist/cssm/components/UsersStack/masks.js

@@ -6,13 +6,13 @@ export function createMasks(document) {
   } // eslint-disable-next-line no-restricted-globals
 
 
-  var svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-  svgElement.setAttributeNS(null, 'id', '__SVG_MASKS_NODE__');
-  svgElement.setAttributeNS(null, 'width', '0');
-  svgElement.setAttributeNS(null, 'height', '0');
-  svgElement.style.position = 'absolute';
-  svgElement.style.width = '0px';
-  svgElement.style.height = '0px';
+  var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svgElement.setAttributeNS(null, "id", "__SVG_MASKS_NODE__");
+  svgElement.setAttributeNS(null, "width", "0");
+  svgElement.setAttributeNS(null, "height", "0");
+  svgElement.style.position = "absolute";
+  svgElement.style.width = "0px";
+  svgElement.style.height = "0px";
   svgElement.innerHTML = "<defs>\n  <clipPath id=\"users_stack_mask_16_left\">\n    <path transform=\"translate(1.5 0)\" d=\"M1.20772 8C1.20772 6.32671 0.768742 4.75626 0 3.39821C1.44342 1.34278 3.8277 0 6.52463 0C10.9293 0 14.5 3.58172 14.5 8C14.5 12.4183 10.9293 16 6.52463 16C3.8277 16 1.44342 14.6572 0 12.6018C0.768742 11.2437 1.20772 9.6733 1.20772 8Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_left\">\n    <path d=\"M3.9971785,12 C3.9971785,9.49005736 3.33667467,7.13438366 2.18,5.09731189 C4.35181237,2.01417617 7.93927741,0 11.9971785,0 C18.6245955,0 23.9971785,5.372583 23.9971785,12 C23.9971785,18.627417 18.6245955,24 11.9971785,24 C7.93927741,24 4.35181237,21.9858238 2.18,18.9026881 C3.33667467,16.8656163 3.9971785,14.5099426 3.9971785,12 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_right\">\n    <path d=\"M21.8171785,5.09731189 C20.6605038,7.13438366 20,9.49005736 20,12 C20,14.5099426 20.6605038,16.8656163 21.8171785,18.9026881 C19.6453661,21.9858238 16.0579011,24 12,24 C5.372583,24 3.90798505e-14,18.627417 3.90798505e-14,12 C3.90798505e-14,5.372583 5.372583,0 12,0 C16.0579011,0 19.6453661,2.01417617 21.8171785,5.09731189 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_left\">\n    <path d=\"M2.13430019,23.9892466 C3.32858917,21.5820026 4,18.8694095 4,16 C4,13.1305905 3.32858917,10.4179974 2.13430019,8.0107534 C4.89924175,3.22241289 10.0733034,-2.30926389e-14 16,-2.30926389e-14 C24.836556,-2.30926389e-14 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 C10.0733034,32 4.89924175,28.7775871 2.13430019,23.9892466 L2.13430019,23.9892466 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_right\">\n    <path d=\"M29.8656998,8.0107534 C28.6714108,10.4179974 28,13.1305905 28,16 C28,18.8694095 28.6714108,21.5820026 29.8656998,23.9892466 C27.1007583,28.7775871 21.9266966,32 16,32 C7.163444,32 3.90798505e-14,24.836556 3.90798505e-14,16 C3.90798505e-14,7.163444 7.163444,0 16,0 C21.9266966,0 27.1007583,3.22241289 29.8656998,8.0107534 Z\"></path>\n  </clipPath>\n</defs>";
   document.body.appendChild(svgElement);
   masksCreated.push(document);

package/dist/cssm/components/UsersStack/masks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/UsersStack/masks.tsx"],"names":["canUseDOM","masksCreated","createMasks","document","includes","svgElement","createElementNS","setAttributeNS","style","position","width","height","innerHTML","body","appendChild","push"],"mappings":"AAAA,SAASA,SAAT;AAEA,IAAMC,YAAwB,GAAG,EAAjC;AAEA,OAAO,SAASC,WAAT,CAAqBC,QAArB,EAA+C;AACpD,MAAI,CAACH,SAAD,IAAcC,YAAY,CAACG,QAAb,CAAsBD,QAAtB,CAAlB,EAAmD;AACjD;AACD,GAHmD,CAKpD;;;AACA,MAAME,UAAU,GAAGF,QAAQ,CAACG,eAAT,CAAyB,4BAAzB,EAAuD,KAAvD,CAAnB;AACAD,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,IAAhC,EAAsC,oBAAtC;AACAF,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,OAAhC,EAAyC,GAAzC;AACAF,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,QAAhC,EAA0C,GAA1C;AACAF,EAAAA,UAAU,CAACG,KAAX,CAAiBC,QAAjB,GAA4B,UAA5B;AACAJ,EAAAA,UAAU,CAACG,KAAX,CAAiBE,KAAjB,GAAyB,KAAzB;AACAL,EAAAA,UAAU,CAACG,KAAX,CAAiBG,MAAjB,GAA0B,KAA1B;AAEAN,EAAAA,UAAU,CAACO,SAAX;AAsBAT,EAAAA,QAAQ,CAACU,IAAT,CAAcC,WAAd,CAA0BT,UAA1B;AACAJ,EAAAA,YAAY,CAACc,IAAb,CAAkBZ,QAAlB;AACD","sourcesContent":["import { canUseDOM } from '../../lib/dom';\n\nconst masksCreated: Document[] = [];\n\nexport function createMasks(document: Document): void {\n  if (!canUseDOM || masksCreated.includes(document)) {\n    return;\n  }\n\n  // eslint-disable-next-line no-restricted-globals\n  const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n  svgElement.setAttributeNS(null, 'id', '__SVG_MASKS_NODE__');\n  svgElement.setAttributeNS(null, 'width', '0');\n  svgElement.setAttributeNS(null, 'height', '0');\n  svgElement.style.position = 'absolute';\n  svgElement.style.width = '0px';\n  svgElement.style.height = '0px';\n\n  svgElement.innerHTML = `<defs>\n  <clipPath id=\"users_stack_mask_16_left\">\n    <path transform=\"translate(1.5 0)\" d=\"M1.20772 8C1.20772 6.32671 0.768742 4.75626 0 3.39821C1.44342 1.34278 3.8277 0 6.52463 0C10.9293 0 14.5 3.58172 14.5 8C14.5 12.4183 10.9293 16 6.52463 16C3.8277 16 1.44342 14.6572 0 12.6018C0.768742 11.2437 1.20772 9.6733 1.20772 8Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_left\">\n    <path d=\"M3.9971785,12 C3.9971785,9.49005736 3.33667467,7.13438366 2.18,5.09731189 C4.35181237,2.01417617 7.93927741,0 11.9971785,0 C18.6245955,0 23.9971785,5.372583 23.9971785,12 C23.9971785,18.627417 18.6245955,24 11.9971785,24 C7.93927741,24 4.35181237,21.9858238 2.18,18.9026881 C3.33667467,16.8656163 3.9971785,14.5099426 3.9971785,12 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_right\">\n    <path d=\"M21.8171785,5.09731189 C20.6605038,7.13438366 20,9.49005736 20,12 C20,14.5099426 20.6605038,16.8656163 21.8171785,18.9026881 C19.6453661,21.9858238 16.0579011,24 12,24 C5.372583,24 3.90798505e-14,18.627417 3.90798505e-14,12 C3.90798505e-14,5.372583 5.372583,0 12,0 C16.0579011,0 19.6453661,2.01417617 21.8171785,5.09731189 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_left\">\n    <path d=\"M2.13430019,23.9892466 C3.32858917,21.5820026 4,18.8694095 4,16 C4,13.1305905 3.32858917,10.4179974 2.13430019,8.0107534 C4.89924175,3.22241289 10.0733034,-2.30926389e-14 16,-2.30926389e-14 C24.836556,-2.30926389e-14 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 C10.0733034,32 4.89924175,28.7775871 2.13430019,23.9892466 L2.13430019,23.9892466 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_right\">\n    <path d=\"M29.8656998,8.0107534 C28.6714108,10.4179974 28,13.1305905 28,16 C28,18.8694095 28.6714108,21.5820026 29.8656998,23.9892466 C27.1007583,28.7775871 21.9266966,32 16,32 C7.163444,32 3.90798505e-14,24.836556 3.90798505e-14,16 C3.90798505e-14,7.163444 7.163444,0 16,0 C21.9266966,0 27.1007583,3.22241289 29.8656998,8.0107534 Z\"></path>\n  </clipPath>\n</defs>`;\n\n  document.body.appendChild(svgElement);\n  masksCreated.push(document);\n}\n"],"file":"masks.js"}
+{"version":3,"sources":["../../../../src/components/UsersStack/masks.tsx"],"names":["canUseDOM","masksCreated","createMasks","document","includes","svgElement","createElementNS","setAttributeNS","style","position","width","height","innerHTML","body","appendChild","push"],"mappings":"AAAA,SAASA,SAAT;AAEA,IAAMC,YAAwB,GAAG,EAAjC;AAEA,OAAO,SAASC,WAAT,CAAqBC,QAArB,EAA+C;AACpD,MAAI,CAACH,SAAD,IAAcC,YAAY,CAACG,QAAb,CAAsBD,QAAtB,CAAlB,EAAmD;AACjD;AACD,GAHmD,CAKpD;;;AACA,MAAME,UAAU,GAAGF,QAAQ,CAACG,eAAT,CACjB,4BADiB,EAEjB,KAFiB,CAAnB;AAIAD,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,IAAhC,EAAsC,oBAAtC;AACAF,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,OAAhC,EAAyC,GAAzC;AACAF,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,QAAhC,EAA0C,GAA1C;AACAF,EAAAA,UAAU,CAACG,KAAX,CAAiBC,QAAjB,GAA4B,UAA5B;AACAJ,EAAAA,UAAU,CAACG,KAAX,CAAiBE,KAAjB,GAAyB,KAAzB;AACAL,EAAAA,UAAU,CAACG,KAAX,CAAiBG,MAAjB,GAA0B,KAA1B;AAEAN,EAAAA,UAAU,CAACO,SAAX;AAsBAT,EAAAA,QAAQ,CAACU,IAAT,CAAcC,WAAd,CAA0BT,UAA1B;AACAJ,EAAAA,YAAY,CAACc,IAAb,CAAkBZ,QAAlB;AACD","sourcesContent":["import { canUseDOM } from \"../../lib/dom\";\n\nconst masksCreated: Document[] = [];\n\nexport function createMasks(document: Document): void {\n  if (!canUseDOM || masksCreated.includes(document)) {\n    return;\n  }\n\n  // eslint-disable-next-line no-restricted-globals\n  const svgElement = document.createElementNS(\n    \"http://www.w3.org/2000/svg\",\n    \"svg\"\n  );\n  svgElement.setAttributeNS(null, \"id\", \"__SVG_MASKS_NODE__\");\n  svgElement.setAttributeNS(null, \"width\", \"0\");\n  svgElement.setAttributeNS(null, \"height\", \"0\");\n  svgElement.style.position = \"absolute\";\n  svgElement.style.width = \"0px\";\n  svgElement.style.height = \"0px\";\n\n  svgElement.innerHTML = `<defs>\n  <clipPath id=\"users_stack_mask_16_left\">\n    <path transform=\"translate(1.5 0)\" d=\"M1.20772 8C1.20772 6.32671 0.768742 4.75626 0 3.39821C1.44342 1.34278 3.8277 0 6.52463 0C10.9293 0 14.5 3.58172 14.5 8C14.5 12.4183 10.9293 16 6.52463 16C3.8277 16 1.44342 14.6572 0 12.6018C0.768742 11.2437 1.20772 9.6733 1.20772 8Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_left\">\n    <path d=\"M3.9971785,12 C3.9971785,9.49005736 3.33667467,7.13438366 2.18,5.09731189 C4.35181237,2.01417617 7.93927741,0 11.9971785,0 C18.6245955,0 23.9971785,5.372583 23.9971785,12 C23.9971785,18.627417 18.6245955,24 11.9971785,24 C7.93927741,24 4.35181237,21.9858238 2.18,18.9026881 C3.33667467,16.8656163 3.9971785,14.5099426 3.9971785,12 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_right\">\n    <path d=\"M21.8171785,5.09731189 C20.6605038,7.13438366 20,9.49005736 20,12 C20,14.5099426 20.6605038,16.8656163 21.8171785,18.9026881 C19.6453661,21.9858238 16.0579011,24 12,24 C5.372583,24 3.90798505e-14,18.627417 3.90798505e-14,12 C3.90798505e-14,5.372583 5.372583,0 12,0 C16.0579011,0 19.6453661,2.01417617 21.8171785,5.09731189 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_left\">\n    <path d=\"M2.13430019,23.9892466 C3.32858917,21.5820026 4,18.8694095 4,16 C4,13.1305905 3.32858917,10.4179974 2.13430019,8.0107534 C4.89924175,3.22241289 10.0733034,-2.30926389e-14 16,-2.30926389e-14 C24.836556,-2.30926389e-14 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 C10.0733034,32 4.89924175,28.7775871 2.13430019,23.9892466 L2.13430019,23.9892466 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_right\">\n    <path d=\"M29.8656998,8.0107534 C28.6714108,10.4179974 28,13.1305905 28,16 C28,18.8694095 28.6714108,21.5820026 29.8656998,23.9892466 C27.1007583,28.7775871 21.9266966,32 16,32 C7.163444,32 3.90798505e-14,24.836556 3.90798505e-14,16 C3.90798505e-14,7.163444 7.163444,0 16,0 C21.9266966,0 27.1007583,3.22241289 29.8656998,8.0107534 Z\"></path>\n  </clipPath>\n</defs>`;\n\n  document.body.appendChild(svgElement);\n  masksCreated.push(document);\n}\n"],"file":"masks.js"}

package/dist/cssm/components/View/View.js

@@ -8,7 +8,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["popout", "modal", "platform", "activePanel", "splitCol", "configProvider", "history", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "window", "document", "scroll"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { transitionEvent, animationEvent } from "../../lib/supportEvents";
 import { getClassName } from "../../helpers/getClassName";
@@ -26,7 +26,7 @@ import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
 import { swipeBackExcluded } from "./utils";
 import "./View.css";
-var warn = warnOnce('View');
+var warn = warnOnce("View");
 var SwipeBackResults;
 
 (function (SwipeBackResults) {
@@ -57,14 +57,14 @@ var View = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "panelNodes", {});
 
     _defineProperty(_assertThisInitialized(_this), "transitionEndHandler", function (e) {
-      if (!e || ['vkui-animation-ios-next-forward', 'vkui-animation-ios-prev-back', 'vkui-animation-view-next-forward', 'vkui-animation-view-prev-back'].includes(e.animationName)) {
+      if (!e || ["vkui-animation-ios-next-forward", "vkui-animation-ios-prev-back", "vkui-animation-view-next-forward", "vkui-animation-view-prev-back"].includes(e.animationName)) {
         _this.flushTransition(_this.state.prevPanel, _this.state.isBack);
       }
     });
 
     _defineProperty(_assertThisInitialized(_this), "swipingBackTransitionEndHandler", function (e) {
       // indexOf because of vendor prefixes in old browsers
-      if (!e || e !== null && e !== void 0 && e.propertyName.includes('transform') && (e === null || e === void 0 ? void 0 : e.target) === _this.pickPanel(_this.state.swipeBackNextPanel)) {
+      if (!e || e !== null && e !== void 0 && e.propertyName.includes("transform") && (e === null || e === void 0 ? void 0 : e.target) === _this.pickPanel(_this.state.swipeBackNextPanel)) {
         switch (_this.state.swipeBackResult) {
           case SwipeBackResults.fail:
             _this.onSwipeBackCancel();
@@ -297,7 +297,7 @@ var View = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "blurActiveElement",
     value: function blurActiveElement() {
-      if (typeof this.window !== 'undefined' && this.document.activeElement) {
+      if (typeof this.window !== "undefined" && this.document.activeElement) {
         this.document.activeElement.blur();
       }
     }
@@ -433,14 +433,14 @@ var View = /*#__PURE__*/function (_React$Component) {
       });
       var disableAnimation = this.shouldDisableTransitionMotion();
       var modifiers = {
-        'View--animated': !disableAnimation && animated,
-        'View--swiping-back': !disableAnimation && this.state.swipingBack,
-        'View--no-motion': disableAnimation
+        "View--animated": !disableAnimation && animated,
+        "View--swiping-back": !disableAnimation && this.state.swipingBack,
+        "View--no-motion": disableAnimation
       };
       return createScopedElement(Touch, _extends({
         Component: "section"
       }, restProps, {
-        vkuiClass: classNames(getClassName('View', platform), modifiers),
+        vkuiClass: classNames(getClassName("View", platform), modifiers),
         onMoveX: this.onMoveX,
         onEnd: this.onEnd
       }), createScopedElement("div", {
@@ -451,14 +451,14 @@ var View = /*#__PURE__*/function (_React$Component) {
         var isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);
         var compensateScroll = isPrev || panelId === swipeBackNextPanel || panelId === nextPanel && isBack;
         return createScopedElement("div", {
-          vkuiClass: classNames('View__panel', {
-            'View__panel--active': panelId === activePanel,
-            'View__panel--prev': panelId === prevPanel,
-            'View__panel--next': panelId === nextPanel,
-            'View__panel--swipe-back-prev': panelId === swipeBackPrevPanel,
-            'View__panel--swipe-back-next': panelId === swipeBackNextPanel,
-            'View__panel--swipe-back-success': swipeBackResult === SwipeBackResults.success,
-            'View__panel--swipe-back-failed': swipeBackResult === SwipeBackResults.fail
+          vkuiClass: classNames("View__panel", {
+            "View__panel--active": panelId === activePanel,
+            "View__panel--prev": panelId === prevPanel,
+            "View__panel--next": panelId === nextPanel,
+            "View__panel--swipe-back-prev": panelId === swipeBackPrevPanel,
+            "View__panel--swipe-back-next": panelId === swipeBackNextPanel,
+            "View__panel--swipe-back-success": swipeBackResult === SwipeBackResults.success,
+            "View__panel--swipe-back-failed": swipeBackResult === SwipeBackResults.fail
           }),
           onAnimationEnd: isTransitionTarget ? _this4.transitionEndHandler : null,
           ref: function ref(el) {
@@ -489,5 +489,5 @@ _defineProperty(View, "defaultProps", {
   history: []
 });
 
-export default withContext(withContext(withContext(withPlatform(withDOM(View)), SplitColContext, 'splitCol'), ConfigProviderContext, 'configProvider'), ScrollContext, 'scroll');
+export default withContext(withContext(withContext(withPlatform(withDOM(View)), SplitColContext, "splitCol"), ConfigProviderContext, "configProvider"), ScrollContext, "scroll");
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/View/View.tsx"],"names":["React","classNames","transitionEvent","animationEvent","getClassName","IOS","ANDROID","VKCOM","Touch","withPlatform","withContext","ConfigProviderContext","SplitColContext","AppRootPortal","canUseDOM","withDOM","ScrollContext","NavTransitionProvider","getNavId","warnOnce","swipeBackExcluded","warn","SwipeBackResults","scrollsCache","View","props","e","includes","animationName","flushTransition","state","prevPanel","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","platform","configProvider","isWebView","startX","window","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","scrolls","activePanel","scroll","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","undefined","nextPanel","document","Children","toArray","children","id","prevProps","prevState","popout","blurActiveElement","modal","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","supported","clearTimeout","animationFinishTimeout","setTimeout","transitionEndHandler","scrollTo","onTransition","from","to","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","removeEventListener","name","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","disableAnimation","modifiers","onMoveX","onEnd","isTransitionTarget","compensateScroll","el","calcPanelSwipeStyles","marginTop","Component"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { transitionEvent, animationEvent } from '../../lib/supportEvents';\nimport { getClassName } from '../../helpers/getClassName';\nimport { IOS, ANDROID, VKCOM } from '../../lib/platform';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { HasPlatform } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { withContext } from '../../hoc/withContext';\nimport { ConfigProviderContext, ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { SplitColContext, SplitColContextProps } from '../SplitCol/SplitCol';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { canUseDOM, withDOM, DOMProps } from '../../lib/dom';\nimport { ScrollContext, ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { swipeBackExcluded } from './utils';\nimport './View.css';\n\nconst warn = warnOnce('View');\n\nenum SwipeBackResults { fail = 1, success}\n\ninterface Scrolls {\n  [index: string]: number;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, NavIdProps {\n  activePanel: string;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?(): void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?(): void;\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?(): void;\n  history?: string[];\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport interface ViewState {\n  animated: boolean;\n\n  visiblePanels: string[];\n  activePanel: string;\n  isBack: boolean;\n  prevPanel: string;\n  nextPanel: string;\n\n  swipingBack: boolean;\n  swipebackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string;\n  swipeBackPrevPanel: string;\n  swipeBackResult: SwipeBackResults;\n\n  browserSwipe: boolean;\n}\n\nclass View extends React.Component<ViewProps & DOMProps, ViewState> {\n  constructor(props: ViewProps) {\n    super(props);\n\n    this.state = {\n      animated: false,\n\n      visiblePanels: [props.activePanel],\n      activePanel: props.activePanel,\n      isBack: undefined,\n      prevPanel: null,\n      nextPanel: null,\n\n      swipingBack: false,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n      swipeBackNextPanel: null,\n      swipeBackPrevPanel: null,\n      swipeBackResult: null,\n\n      browserSwipe: false,\n    };\n  }\n\n  static defaultProps: Partial<ViewProps> = {\n    history: [],\n  };\n\n  private readonly scrolls = scrollsCache[getNavId(this.props)] || {};\n  private transitionFinishTimeout: ReturnType<typeof setTimeout>;\n  private animationFinishTimeout: ReturnType<typeof setTimeout>;\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  get panels() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache[id] = this.scrolls;\n    }\n  }\n\n  componentDidUpdate(prevProps: ViewProps, prevState: ViewState) {\n    this.props.popout && !prevProps.popout && this.blurActiveElement();\n    this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n    // Нужен переход\n    if (prevProps.activePanel !== this.props.activePanel && !prevState.swipingBack && !prevState.browserSwipe) {\n      const firstLayerId = this.panels\n        .map((panel) => getNavId(panel.props, warn))\n        .find((id) => id === prevProps.activePanel || id === this.props.activePanel);\n\n      const isBack = firstLayerId === this.props.activePanel;\n      this.scrolls[prevProps.activePanel] = this.props.scroll.getScroll().y;\n\n      if (this.shouldDisableTransitionMotion()) {\n        this.flushTransition(prevProps.activePanel, isBack);\n      } else {\n        this.blurActiveElement();\n\n        this.setState({\n          visiblePanels: [prevProps.activePanel, this.props.activePanel],\n          prevPanel: prevProps.activePanel,\n          nextPanel: this.props.activePanel,\n          activePanel: null,\n          animated: true,\n          isBack,\n        });\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          clearTimeout(this.animationFinishTimeout);\n          this.animationFinishTimeout = setTimeout(this.transitionEndHandler, this.props.platform === ANDROID || this.props.platform === VKCOM ? 300 : 600);\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (prevProps.activePanel !== this.props.activePanel && prevState.swipingBack) {\n      const nextPanel = this.props.activePanel;\n      const prevPanel = prevProps.activePanel;\n      this.scrolls[prevState.swipeBackPrevPanel] = 0;\n      this.setState({\n        swipeBackPrevPanel: null,\n        swipeBackNextPanel: null,\n        swipingBack: false,\n        swipeBackResult: null,\n        swipebackStartX: 0,\n        swipeBackShift: 0,\n        activePanel: nextPanel,\n        visiblePanels: [nextPanel],\n      }, () => {\n        this.props.scroll.scrollTo(0, this.scrolls[this.state.activePanel]);\n        prevProps.onTransition && prevProps.onTransition({ isBack: true, from: prevPanel, to: nextPanel });\n      });\n    }\n\n    // Начался свайп назад\n    if (!prevState.swipingBack && this.state.swipingBack) {\n      this.props.onSwipeBackStart && this.props.onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n      this.waitTransitionFinish(this.pickPanel(this.state.swipeBackNextPanel), this.swipingBackTransitionEndHandler);\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (prevState.swipeBackResult === SwipeBackResults.fail && !this.state.swipeBackResult) {\n      this.props.scroll.scrollTo(0, this.scrolls[this.state.activePanel]);\n    }\n\n    // Закончился Safari свайп\n    if (prevProps.activePanel !== this.props.activePanel && this.state.browserSwipe) {\n      this.setState({\n        browserSwipe: false,\n        nextPanel: null,\n        prevPanel: null,\n        animated: false,\n        visiblePanels: [this.props.activePanel],\n        activePanel: this.props.activePanel,\n      });\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return this.props.configProvider.transitionMotionEnabled === false ||\n      !this.props.splitCol.animate;\n  }\n\n  waitTransitionFinish(elem: HTMLElement, eventHandler: TransitionEventHandler): void {\n    if (transitionEvent.supported) {\n      elem.removeEventListener(transitionEvent.name, eventHandler);\n      elem.addEventListener(transitionEvent.name, eventHandler);\n    } else {\n      clearTimeout(this.transitionFinishTimeout);\n      this.transitionFinishTimeout = setTimeout(eventHandler, this.props.platform === ANDROID || this.props.platform === VKCOM ? 300 : 600);\n    }\n  }\n\n  blurActiveElement(): void {\n    if (typeof this.window !== 'undefined' && this.document.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  pickPanel(id: string) {\n    return this.panelNodes[id];\n  }\n\n  flushTransition(prevPanel: string, isBack: boolean) {\n    const activePanel = this.props.activePanel;\n    if (isBack) {\n      this.scrolls[prevPanel] = 0;\n    }\n    this.setState({\n      prevPanel: null,\n      nextPanel: null,\n      visiblePanels: [activePanel],\n      activePanel,\n      animated: false,\n      isBack: undefined,\n    }, () => {\n      this.props.scroll.scrollTo(0, isBack ? this.scrolls[activePanel] : 0);\n      this.props.onTransition && this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n    });\n  }\n\n  transitionEndHandler = (e?: React.AnimationEvent): void => {\n    if (!e || [\n      'vkui-animation-ios-next-forward',\n      'vkui-animation-ios-prev-back',\n      'vkui-animation-view-next-forward',\n      'vkui-animation-view-prev-back',\n    ].includes(e.animationName)) {\n      this.flushTransition(this.state.prevPanel, this.state.isBack);\n    }\n  };\n\n  swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n    // indexOf because of vendor prefixes in old browsers\n    if (!e || e?.propertyName.includes('transform') && e?.target === this.pickPanel(this.state.swipeBackNextPanel)) {\n      switch (this.state.swipeBackResult) {\n        case SwipeBackResults.fail:\n          this.onSwipeBackCancel();\n          break;\n        case SwipeBackResults.success:\n          this.onSwipeBackSuccess();\n      }\n    }\n  };\n\n  onSwipeBackSuccess(): void {\n    this.props.onSwipeBack && this.props.onSwipeBack();\n  }\n\n  onSwipeBackCancel(): void {\n    this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n    this.setState({\n      swipeBackPrevPanel: null,\n      swipeBackNextPanel: null,\n      swipingBack: false,\n      swipeBackResult: null,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n    });\n  }\n\n  onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e)) {\n      return;\n    }\n\n    const { platform, configProvider } = this.props;\n\n    if (platform === IOS && !configProvider.isWebView && (e.startX <= 70 || e.startX >= this.window.innerWidth - 70) && !this.state.browserSwipe) {\n      this.setState({ browserSwipe: true });\n    }\n\n    if (platform === IOS && configProvider.isWebView && this.props.onSwipeBack) {\n      if (this.state.animated && e.startX <= 70) {\n        return;\n      }\n\n      if (e.startX <= 70 && !this.state.swipingBack && this.props.history.length > 1) {\n        this.scrolls[this.state.activePanel] = this.props.scroll.getScroll().y;\n        this.setState({\n          swipingBack: true,\n          swipebackStartX: e.startX,\n          swipeBackPrevPanel: this.state.activePanel,\n          swipeBackNextPanel: this.props.history.slice(-2)[0],\n        });\n      }\n      if (this.state.swipingBack) {\n        let swipeBackShift;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (e.shiftX > this.window.innerWidth - this.state.swipebackStartX) {\n          swipeBackShift = this.window.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        this.setState({ swipeBackShift });\n      }\n    }\n  };\n\n  onEnd = (e: TouchEvent): void => {\n    if (this.state.swipingBack) {\n      const speed = this.state.swipeBackShift / e.duration * 1000;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (speed > 250 || this.state.swipebackStartX + this.state.swipeBackShift > this.window.innerWidth / 2) {\n        this.setState({ swipeBackResult: SwipeBackResults.success });\n      } else {\n        this.setState({ swipeBackResult: SwipeBackResults.fail });\n      }\n    }\n  };\n\n  calcPanelSwipeStyles(panelId: string): React.CSSProperties {\n    if (!canUseDOM) {\n      return {};\n    }\n\n    const isPrev = panelId === this.state.swipeBackPrevPanel;\n    const isNext = panelId === this.state.swipeBackNextPanel;\n\n    if (!isPrev && !isNext || this.state.swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n    let nextPanelTranslate = `${-50 + this.state.swipeBackShift * 100 / this.window.innerWidth / 2}%`;\n    let prevPanelShadow = 0.3 * (this.window.innerWidth - this.state.swipeBackShift) / this.window.innerWidth;\n\n    if (this.state.swipeBackResult) {\n      return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  }\n\n  render() {\n    const {\n      popout, modal, platform,\n      activePanel: _1, splitCol, configProvider, history, nav,\n      onTransition, onSwipeBack, onSwipeBackStart, onSwipeBackCancel,\n      window, document, scroll,\n      ...restProps\n    } = this.props;\n    const {\n      prevPanel, nextPanel, activePanel, swipeBackPrevPanel, swipeBackNextPanel,\n      swipeBackResult, isBack, animated,\n    } = this.state;\n\n    const hasPopout = !!popout;\n    const hasModal = !!modal;\n\n    const panels = this.panels.filter((panel: React.ReactElement) => {\n      const panelId = getNavId(panel.props, warn);\n\n      return this.state.visiblePanels.includes(panelId) ||\n        panelId === swipeBackPrevPanel ||\n        panelId === swipeBackNextPanel;\n    });\n\n    const disableAnimation = this.shouldDisableTransitionMotion();\n\n    const modifiers = {\n      'View--animated': !disableAnimation && animated,\n      'View--swiping-back': !disableAnimation && this.state.swipingBack,\n      'View--no-motion': disableAnimation,\n    };\n\n    return (\n      <Touch\n        Component=\"section\"\n        {...restProps}\n        vkuiClass={classNames(getClassName('View', platform), modifiers)}\n        onMoveX={this.onMoveX}\n        onEnd={this.onEnd}\n      >\n        <div vkuiClass=\"View__panels\">\n          {panels.map((panel: React.ReactElement) => {\n            const panelId = getNavId(panel.props, warn);\n            const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;\n            const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n            const compensateScroll = isPrev || panelId === swipeBackNextPanel || panelId === nextPanel && isBack;\n\n            return (\n              <div\n                vkuiClass={classNames('View__panel', {\n                  'View__panel--active': panelId === activePanel,\n                  'View__panel--prev': panelId === prevPanel,\n                  'View__panel--next': panelId === nextPanel,\n                  'View__panel--swipe-back-prev': panelId === swipeBackPrevPanel,\n                  'View__panel--swipe-back-next': panelId === swipeBackNextPanel,\n                  'View__panel--swipe-back-success': swipeBackResult === SwipeBackResults.success,\n                  'View__panel--swipe-back-failed': swipeBackResult === SwipeBackResults.fail,\n                })}\n                onAnimationEnd={isTransitionTarget ? this.transitionEndHandler : null}\n                ref={(el) => this.panelNodes[panelId] = el}\n                style={this.calcPanelSwipeStyles(panelId)}\n                key={panelId}\n              >\n                <div vkuiClass=\"View__panel-in\" style={{ marginTop: compensateScroll ? -this.scrolls[panelId] : null }}>\n                  <NavTransitionProvider entering={panelId === nextPanel || panelId === swipeBackNextPanel}>\n                    {panel}\n                  </NavTransitionProvider>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n        <AppRootPortal>\n          {hasPopout && <div vkuiClass=\"View__popout\">{popout}</div>}\n          {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n        </AppRootPortal>\n      </Touch>\n    );\n  }\n}\n\nexport default withContext(withContext(\n  withContext(\n    withPlatform(withDOM<ViewProps>(View)),\n    SplitColContext, 'splitCol'),\n  ConfigProviderContext, 'configProvider'),\nScrollContext, 'scroll');\n"],"file":"View.js"}
+{"version":3,"sources":["../../../../src/components/View/View.tsx"],"names":["React","classNames","transitionEvent","animationEvent","getClassName","IOS","ANDROID","VKCOM","Touch","withPlatform","withContext","ConfigProviderContext","SplitColContext","AppRootPortal","canUseDOM","withDOM","ScrollContext","NavTransitionProvider","getNavId","warnOnce","swipeBackExcluded","warn","SwipeBackResults","scrollsCache","View","props","e","includes","animationName","flushTransition","state","prevPanel","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","platform","configProvider","isWebView","startX","window","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","scrolls","activePanel","scroll","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","undefined","nextPanel","document","Children","toArray","children","id","prevProps","prevState","popout","blurActiveElement","modal","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","supported","clearTimeout","animationFinishTimeout","setTimeout","transitionEndHandler","scrollTo","onTransition","from","to","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","removeEventListener","name","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","disableAnimation","modifiers","onMoveX","onEnd","isTransitionTarget","compensateScroll","el","calcPanelSwipeStyles","marginTop","Component"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent, animationEvent } from \"../../lib/supportEvents\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS, ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext, SplitColContextProps } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, withDOM, DOMProps } from \"../../lib/dom\";\nimport {\n  ScrollContext,\n  ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { swipeBackExcluded } from \"./utils\";\nimport \"./View.css\";\n\nconst warn = warnOnce(\"View\");\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: number;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  activePanel: string;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?(): void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?(): void;\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?(): void;\n  history?: string[];\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport interface ViewState {\n  animated: boolean;\n\n  visiblePanels: string[];\n  activePanel: string;\n  isBack: boolean;\n  prevPanel: string;\n  nextPanel: string;\n\n  swipingBack: boolean;\n  swipebackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string;\n  swipeBackPrevPanel: string;\n  swipeBackResult: SwipeBackResults;\n\n  browserSwipe: boolean;\n}\n\nclass View extends React.Component<ViewProps & DOMProps, ViewState> {\n  constructor(props: ViewProps) {\n    super(props);\n\n    this.state = {\n      animated: false,\n\n      visiblePanels: [props.activePanel],\n      activePanel: props.activePanel,\n      isBack: undefined,\n      prevPanel: null,\n      nextPanel: null,\n\n      swipingBack: false,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n      swipeBackNextPanel: null,\n      swipeBackPrevPanel: null,\n      swipeBackResult: null,\n\n      browserSwipe: false,\n    };\n  }\n\n  static defaultProps: Partial<ViewProps> = {\n    history: [],\n  };\n\n  private readonly scrolls = scrollsCache[getNavId(this.props)] || {};\n  private transitionFinishTimeout: ReturnType<typeof setTimeout>;\n  private animationFinishTimeout: ReturnType<typeof setTimeout>;\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  get panels() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache[id] = this.scrolls;\n    }\n  }\n\n  componentDidUpdate(prevProps: ViewProps, prevState: ViewState) {\n    this.props.popout && !prevProps.popout && this.blurActiveElement();\n    this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n    // Нужен переход\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      !prevState.swipingBack &&\n      !prevState.browserSwipe\n    ) {\n      const firstLayerId = this.panels\n        .map((panel) => getNavId(panel.props, warn))\n        .find(\n          (id) => id === prevProps.activePanel || id === this.props.activePanel\n        );\n\n      const isBack = firstLayerId === this.props.activePanel;\n      this.scrolls[prevProps.activePanel] = this.props.scroll.getScroll().y;\n\n      if (this.shouldDisableTransitionMotion()) {\n        this.flushTransition(prevProps.activePanel, isBack);\n      } else {\n        this.blurActiveElement();\n\n        this.setState({\n          visiblePanels: [prevProps.activePanel, this.props.activePanel],\n          prevPanel: prevProps.activePanel,\n          nextPanel: this.props.activePanel,\n          activePanel: null,\n          animated: true,\n          isBack,\n        });\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          clearTimeout(this.animationFinishTimeout);\n          this.animationFinishTimeout = setTimeout(\n            this.transitionEndHandler,\n            this.props.platform === ANDROID || this.props.platform === VKCOM\n              ? 300\n              : 600\n          );\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      prevState.swipingBack\n    ) {\n      const nextPanel = this.props.activePanel;\n      const prevPanel = prevProps.activePanel;\n      this.scrolls[prevState.swipeBackPrevPanel] = 0;\n      this.setState(\n        {\n          swipeBackPrevPanel: null,\n          swipeBackNextPanel: null,\n          swipingBack: false,\n          swipeBackResult: null,\n          swipebackStartX: 0,\n          swipeBackShift: 0,\n          activePanel: nextPanel,\n          visiblePanels: [nextPanel],\n        },\n        () => {\n          this.props.scroll.scrollTo(0, this.scrolls[this.state.activePanel]);\n          prevProps.onTransition &&\n            prevProps.onTransition({\n              isBack: true,\n              from: prevPanel,\n              to: nextPanel,\n            });\n        }\n      );\n    }\n\n    // Начался свайп назад\n    if (!prevState.swipingBack && this.state.swipingBack) {\n      this.props.onSwipeBackStart && this.props.onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n      this.waitTransitionFinish(\n        this.pickPanel(this.state.swipeBackNextPanel),\n        this.swipingBackTransitionEndHandler\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevState.swipeBackResult === SwipeBackResults.fail &&\n      !this.state.swipeBackResult\n    ) {\n      this.props.scroll.scrollTo(0, this.scrolls[this.state.activePanel]);\n    }\n\n    // Закончился Safari свайп\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      this.state.browserSwipe\n    ) {\n      this.setState({\n        browserSwipe: false,\n        nextPanel: null,\n        prevPanel: null,\n        animated: false,\n        visiblePanels: [this.props.activePanel],\n        activePanel: this.props.activePanel,\n      });\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return (\n      this.props.configProvider.transitionMotionEnabled === false ||\n      !this.props.splitCol.animate\n    );\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement,\n    eventHandler: TransitionEventHandler\n  ): void {\n    if (transitionEvent.supported) {\n      elem.removeEventListener(transitionEvent.name, eventHandler);\n      elem.addEventListener(transitionEvent.name, eventHandler);\n    } else {\n      clearTimeout(this.transitionFinishTimeout);\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n          ? 300\n          : 600\n      );\n    }\n  }\n\n  blurActiveElement(): void {\n    if (typeof this.window !== \"undefined\" && this.document.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  pickPanel(id: string) {\n    return this.panelNodes[id];\n  }\n\n  flushTransition(prevPanel: string, isBack: boolean) {\n    const activePanel = this.props.activePanel;\n    if (isBack) {\n      this.scrolls[prevPanel] = 0;\n    }\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel,\n        animated: false,\n        isBack: undefined,\n      },\n      () => {\n        this.props.scroll.scrollTo(0, isBack ? this.scrolls[activePanel] : 0);\n        this.props.onTransition &&\n          this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n      }\n    );\n  }\n\n  transitionEndHandler = (e?: React.AnimationEvent): void => {\n    if (\n      !e ||\n      [\n        \"vkui-animation-ios-next-forward\",\n        \"vkui-animation-ios-prev-back\",\n        \"vkui-animation-view-next-forward\",\n        \"vkui-animation-view-prev-back\",\n      ].includes(e.animationName)\n    ) {\n      this.flushTransition(this.state.prevPanel, this.state.isBack);\n    }\n  };\n\n  swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n    // indexOf because of vendor prefixes in old browsers\n    if (\n      !e ||\n      (e?.propertyName.includes(\"transform\") &&\n        e?.target === this.pickPanel(this.state.swipeBackNextPanel))\n    ) {\n      switch (this.state.swipeBackResult) {\n        case SwipeBackResults.fail:\n          this.onSwipeBackCancel();\n          break;\n        case SwipeBackResults.success:\n          this.onSwipeBackSuccess();\n      }\n    }\n  };\n\n  onSwipeBackSuccess(): void {\n    this.props.onSwipeBack && this.props.onSwipeBack();\n  }\n\n  onSwipeBackCancel(): void {\n    this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n    this.setState({\n      swipeBackPrevPanel: null,\n      swipeBackNextPanel: null,\n      swipingBack: false,\n      swipeBackResult: null,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n    });\n  }\n\n  onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e)) {\n      return;\n    }\n\n    const { platform, configProvider } = this.props;\n\n    if (\n      platform === IOS &&\n      !configProvider.isWebView &&\n      (e.startX <= 70 || e.startX >= this.window.innerWidth - 70) &&\n      !this.state.browserSwipe\n    ) {\n      this.setState({ browserSwipe: true });\n    }\n\n    if (\n      platform === IOS &&\n      configProvider.isWebView &&\n      this.props.onSwipeBack\n    ) {\n      if (this.state.animated && e.startX <= 70) {\n        return;\n      }\n\n      if (\n        e.startX <= 70 &&\n        !this.state.swipingBack &&\n        this.props.history.length > 1\n      ) {\n        this.scrolls[this.state.activePanel] = this.props.scroll.getScroll().y;\n        this.setState({\n          swipingBack: true,\n          swipebackStartX: e.startX,\n          swipeBackPrevPanel: this.state.activePanel,\n          swipeBackNextPanel: this.props.history.slice(-2)[0],\n        });\n      }\n      if (this.state.swipingBack) {\n        let swipeBackShift;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (\n          e.shiftX >\n          this.window.innerWidth - this.state.swipebackStartX\n        ) {\n          swipeBackShift = this.window.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        this.setState({ swipeBackShift });\n      }\n    }\n  };\n\n  onEnd = (e: TouchEvent): void => {\n    if (this.state.swipingBack) {\n      const speed = (this.state.swipeBackShift / e.duration) * 1000;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (\n        speed > 250 ||\n        this.state.swipebackStartX + this.state.swipeBackShift >\n          this.window.innerWidth / 2\n      ) {\n        this.setState({ swipeBackResult: SwipeBackResults.success });\n      } else {\n        this.setState({ swipeBackResult: SwipeBackResults.fail });\n      }\n    }\n  };\n\n  calcPanelSwipeStyles(panelId: string): React.CSSProperties {\n    if (!canUseDOM) {\n      return {};\n    }\n\n    const isPrev = panelId === this.state.swipeBackPrevPanel;\n    const isNext = panelId === this.state.swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) /\n      this.window.innerWidth;\n\n    if (this.state.swipeBackResult) {\n      return isPrev\n        ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n        : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  }\n\n  render() {\n    const {\n      popout,\n      modal,\n      platform,\n      activePanel: _1,\n      splitCol,\n      configProvider,\n      history,\n      nav,\n      onTransition,\n      onSwipeBack,\n      onSwipeBackStart,\n      onSwipeBackCancel,\n      window,\n      document,\n      scroll,\n      ...restProps\n    } = this.props;\n    const {\n      prevPanel,\n      nextPanel,\n      activePanel,\n      swipeBackPrevPanel,\n      swipeBackNextPanel,\n      swipeBackResult,\n      isBack,\n      animated,\n    } = this.state;\n\n    const hasPopout = !!popout;\n    const hasModal = !!modal;\n\n    const panels = this.panels.filter((panel: React.ReactElement) => {\n      const panelId = getNavId(panel.props, warn);\n\n      return (\n        this.state.visiblePanels.includes(panelId) ||\n        panelId === swipeBackPrevPanel ||\n        panelId === swipeBackNextPanel\n      );\n    });\n\n    const disableAnimation = this.shouldDisableTransitionMotion();\n\n    const modifiers = {\n      \"View--animated\": !disableAnimation && animated,\n      \"View--swiping-back\": !disableAnimation && this.state.swipingBack,\n      \"View--no-motion\": disableAnimation,\n    };\n\n    return (\n      <Touch\n        Component=\"section\"\n        {...restProps}\n        vkuiClass={classNames(getClassName(\"View\", platform), modifiers)}\n        onMoveX={this.onMoveX}\n        onEnd={this.onEnd}\n      >\n        <div vkuiClass=\"View__panels\">\n          {panels.map((panel: React.ReactElement) => {\n            const panelId = getNavId(panel.props, warn);\n            const isPrev =\n              panelId === prevPanel || panelId === swipeBackPrevPanel;\n            const isTransitionTarget =\n              animated && panelId === (isBack ? prevPanel : nextPanel);\n            const compensateScroll =\n              isPrev ||\n              panelId === swipeBackNextPanel ||\n              (panelId === nextPanel && isBack);\n\n            return (\n              <div\n                vkuiClass={classNames(\"View__panel\", {\n                  \"View__panel--active\": panelId === activePanel,\n                  \"View__panel--prev\": panelId === prevPanel,\n                  \"View__panel--next\": panelId === nextPanel,\n                  \"View__panel--swipe-back-prev\":\n                    panelId === swipeBackPrevPanel,\n                  \"View__panel--swipe-back-next\":\n                    panelId === swipeBackNextPanel,\n                  \"View__panel--swipe-back-success\":\n                    swipeBackResult === SwipeBackResults.success,\n                  \"View__panel--swipe-back-failed\":\n                    swipeBackResult === SwipeBackResults.fail,\n                })}\n                onAnimationEnd={\n                  isTransitionTarget ? this.transitionEndHandler : null\n                }\n                ref={(el) => (this.panelNodes[panelId] = el)}\n                style={this.calcPanelSwipeStyles(panelId)}\n                key={panelId}\n              >\n                <div\n                  vkuiClass=\"View__panel-in\"\n                  style={{\n                    marginTop: compensateScroll ? -this.scrolls[panelId] : null,\n                  }}\n                >\n                  <NavTransitionProvider\n                    entering={\n                      panelId === nextPanel || panelId === swipeBackNextPanel\n                    }\n                  >\n                    {panel}\n                  </NavTransitionProvider>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n        <AppRootPortal>\n          {hasPopout && <div vkuiClass=\"View__popout\">{popout}</div>}\n          {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n        </AppRootPortal>\n      </Touch>\n    );\n  }\n}\n\nexport default withContext(\n  withContext(\n    withContext(\n      withPlatform(withDOM<ViewProps>(View)),\n      SplitColContext,\n      \"splitCol\"\n    ),\n    ConfigProviderContext,\n    \"configProvider\"\n  ),\n  ScrollContext,\n  \"scroll\"\n);\n"],"file":"View.js"}

package/dist/cssm/components/View/ViewInfinite.js

@@ -10,7 +10,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["popout", "modal", "platform", "activePanel", "splitCol", "configProvider", "history", "id", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "window", "document", "scroll", "isBackCheck"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { transitionEvent, animationEvent } from "../../lib/supportEvents";
 import { getClassName } from "../../helpers/getClassName";
@@ -28,7 +28,7 @@ import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
 import { swipeBackExcluded } from "./utils";
 import "./View.css";
-var warn = warnOnce('ViewInfinite');
+var warn = warnOnce("ViewInfinite");
 var SwipeBackResults;
 
 (function (SwipeBackResults) {
@@ -59,14 +59,14 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "panelNodes", {});
 
     _defineProperty(_assertThisInitialized(_this), "transitionEndHandler", function (e) {
-      if (!e || ['vkui-animation-ios-next-forward', 'vkui-animation-ios-prev-back', 'vkui-animation-view-next-forward', 'vkui-animation-view-prev-back'].includes(e.animationName)) {
+      if (!e || ["vkui-animation-ios-next-forward", "vkui-animation-ios-prev-back", "vkui-animation-view-next-forward", "vkui-animation-view-prev-back"].includes(e.animationName)) {
         _this.flushTransition(_this.state.prevPanel, _this.state.isBack);
       }
     });
 
     _defineProperty(_assertThisInitialized(_this), "swipingBackTransitionEndHandler", function (e) {
       // indexOf because of vendor prefixes in old browsers
-      if (!e || e.propertyName.includes('transform') && e.target === _this.pickPanel(_this.state.swipeBackNextPanel)) {
+      if (!e || e.propertyName.includes("transform") && e.target === _this.pickPanel(_this.state.swipeBackNextPanel)) {
         switch (_this.state.swipeBackResult) {
           case SwipeBackResults.fail:
             _this.onSwipeBackCancel();
@@ -327,7 +327,7 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "blurActiveElement",
     value: function blurActiveElement() {
-      if (typeof this.window !== 'undefined' && this.document.activeElement) {
+      if (typeof this.window !== "undefined" && this.document.activeElement) {
         this.document.activeElement.blur();
       }
     }
@@ -488,14 +488,14 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
       });
       var disableAnimation = this.shouldDisableTransitionMotion();
       var modifiers = {
-        'View--animated': !disableAnimation && this.state.animated,
-        'View--swiping-back': !disableAnimation && this.state.swipingBack,
-        'View--no-motion': disableAnimation
+        "View--animated": !disableAnimation && this.state.animated,
+        "View--swiping-back": !disableAnimation && this.state.swipingBack,
+        "View--no-motion": disableAnimation
       };
       return createScopedElement(Touch, _extends({
         Component: "section"
       }, restProps, {
-        vkuiClass: classNames(getClassName('View', platform), modifiers),
+        vkuiClass: classNames(getClassName("View", platform), modifiers),
         onMoveX: this.onMoveX,
         onEnd: this.onEnd
       }), createScopedElement("div", {
@@ -508,14 +508,14 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
         var scrollList = _this4.scrolls[panelId] || [];
         var scroll = scrollList[scrollList.length - 1] || 0;
         return createScopedElement("div", {
-          vkuiClass: classNames('View__panel', {
-            'View__panel--active': panelId === activePanel,
-            'View__panel--prev': panelId === prevPanel,
-            'View__panel--next': panelId === nextPanel,
-            'View__panel--swipe-back-prev': panelId === swipeBackPrevPanel,
-            'View__panel--swipe-back-next': panelId === swipeBackNextPanel,
-            'View__panel--swipe-back-success': swipeBackResult === SwipeBackResults.success,
-            'View__panel--swipe-back-failed': swipeBackResult === SwipeBackResults.fail
+          vkuiClass: classNames("View__panel", {
+            "View__panel--active": panelId === activePanel,
+            "View__panel--prev": panelId === prevPanel,
+            "View__panel--next": panelId === nextPanel,
+            "View__panel--swipe-back-prev": panelId === swipeBackPrevPanel,
+            "View__panel--swipe-back-next": panelId === swipeBackNextPanel,
+            "View__panel--swipe-back-success": swipeBackResult === SwipeBackResults.success,
+            "View__panel--swipe-back-failed": swipeBackResult === SwipeBackResults.fail
           }),
           onAnimationEnd: isTransitionTarget ? _this4.transitionEndHandler : null,
           ref: function ref(el) {
@@ -546,5 +546,5 @@ _defineProperty(ViewInfinite, "defaultProps", {
   history: []
 });
 
-export default withContext(withContext(withContext(withPlatform(withDOM(ViewInfinite)), SplitColContext, 'splitCol'), ConfigProviderContext, 'configProvider'), ScrollContext, 'scroll');
+export default withContext(withContext(withContext(withPlatform(withDOM(ViewInfinite)), SplitColContext, "splitCol"), ConfigProviderContext, "configProvider"), ScrollContext, "scroll");
 //# sourceMappingURL=ViewInfinite.js.map