@vkontakte/vkui 4.19.0 → 4.22.0

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

@@ -9,7 +9,8 @@ import "./Headline.css";
 
 var Headline = function Headline(_ref) {
   var children = _ref.children,
-      weight = _ref.weight,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? 'h3' : _ref$Component,
       restProps = _objectWithoutProperties(_ref, _excluded);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":["usePlatform","classNames","getClassName","Headline","children","weight","Component","restProps","platform"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA;;AAOA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAKrB;AAAA,MAJnBC,QAImB,QAJnBA,QAImB;AAAA,MAHnBC,MAGmB,QAHnBA,MAGmB;AAAA,4BAFnBC,SAEmB;AAAA,MAFnBA,SAEmB,+BAFP,IAEO;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,UAAD,EAAaM,QAAb,CAAb,wBAAoDH,MAApD;AAFvB,MAIGD,QAJH,CADF;AAQD,CAhBD;;AAkBA,eAAeD,QAAf","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport './Headline.css';\n\nexport interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement> {\n  weight: 'regular' | 'medium' | 'semibold';\n  Component?: React.ElementType;\n}\n\nconst Headline: React.FC<HeadlineProps> = ({\n  children,\n  weight,\n  Component = 'h3',\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(getClassName('Headline', platform), `Headline--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Headline;\n"],"file":"Headline.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":["usePlatform","classNames","getClassName","Headline","children","weight","Component","restProps","platform"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA;;AAMA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAKrB;AAAA,MAJnBC,QAImB,QAJnBA,QAImB;AAAA,yBAHnBC,MAGmB;AAAA,MAHnBA,MAGmB,4BAHV,SAGU;AAAA,4BAFnBC,SAEmB;AAAA,MAFnBA,SAEmB,+BAFP,IAEO;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,UAAD,EAAaM,QAAb,CAAb,wBAAoDH,MAApD;AAFvB,MAIGD,QAJH,CADF;AAQD,CAhBD;;AAkBA,eAAeD,QAAf","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 './Headline.css';\n\nexport interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  weight: 'regular' | 'medium' | 'semibold';\n}\n\nconst Headline: React.FC<HeadlineProps> = ({\n  children,\n  weight = 'regular',\n  Component = 'h3',\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(getClassName('Headline', platform), `Headline--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Headline;\n"],"file":"Headline.js"}

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

@@ -9,7 +9,8 @@ import "./Subhead.css";
 
 var Subhead = function Subhead(_ref) {
   var children = _ref.children,
-      weight = _ref.weight,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? 'h4' : _ref$Component,
       restProps = _objectWithoutProperties(_ref, _excluded);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":["usePlatform","classNames","getClassName","Subhead","children","weight","Component","restProps","platform"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA;;AAOA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAKpB;AAAA,MAJlBC,QAIkB,QAJlBA,QAIkB;AAAA,MAHlBC,MAGkB,QAHlBA,MAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,IAEM;AAAA,MADfC,SACe;;AAClB,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,SAAD,EAAYM,QAAZ,CAAb,uBAAkDH,MAAlD;AAFvB,MAIGD,QAJH,CADF;AAQD,CAhBD;;AAkBA,eAAeD,OAAf","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport './Subhead.css';\n\nexport interface SubheadProps extends React.AllHTMLAttributes<HTMLElement> {\n  weight: 'regular' | 'medium' | 'semibold' | 'bold';\n  Component?: React.ElementType;\n}\n\nconst Subhead: React.FC<SubheadProps> = ({\n  children,\n  weight,\n  Component = 'h4',\n  ...restProps\n}: SubheadProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(getClassName('Subhead', platform), `Subhead--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Subhead;\n"],"file":"Subhead.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":["usePlatform","classNames","getClassName","Subhead","children","weight","Component","restProps","platform"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA;;AAMA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAKpB;AAAA,MAJlBC,QAIkB,QAJlBA,QAIkB;AAAA,yBAHlBC,MAGkB;AAAA,MAHlBA,MAGkB,4BAHT,SAGS;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,IAEM;AAAA,MADfC,SACe;;AAClB,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,SAAD,EAAYM,QAAZ,CAAb,uBAAkDH,MAAlD;AAFvB,MAIGD,QAJH,CADF;AAQD,CAhBD;;AAkBA,eAAeD,OAAf","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 './Subhead.css';\n\nexport interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  weight: 'regular' | 'medium' | 'semibold' | 'bold';\n}\n\nconst Subhead: React.FC<SubheadProps> = ({\n  children,\n  weight = 'regular',\n  Component = 'h4',\n  ...restProps\n}: SubheadProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(getClassName('Subhead', platform), `Subhead--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Subhead;\n"],"file":"Subhead.js"}

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

@@ -11,7 +11,8 @@ var warn = warnOnce('Text');
 
 var Text = function Text(_ref) {
   var children = _ref.children,
-      weight = _ref.weight,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? 'span' : _ref$Component,
       getRootRef = _ref.getRootRef,

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;AAOA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;;AACA,IAAME,IAAyB,GAAG,SAA5BA,IAA4B,OAMjB;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,MAJfC,MAIe,QAJfA,MAIe;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 { HasRootRef } from '../../../types';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport './Text.css';\n\nexport interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement> {\n  weight: 'regular' | 'medium' | 'semibold';\n  Component?: React.ElementType;\n}\n\nconst warn = warnOnce('Text');\nconst Text: React.FC<TextProps> = ({\n  children,\n  weight,\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;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"}

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

@@ -11,14 +11,19 @@ import "./Title.css";
 
 var Title = function Title(_ref) {
   var children = _ref.children,
-      weight = _ref.weight,
-      level = _ref.level,
-      _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'h' + level : _ref$Component,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+      _ref$level = _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;
+  }
+
   if (platform === ANDROID && level === '3') {
     var headlineWeight = weight === 'regular' ? weight : 'medium';
     return createScopedElement(Headline, _extends({

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":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,OAAOC,QAAP;AACA;;AAQA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,OAMlB;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,MAJhBC,MAIgB,QAJhBA,MAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,4BAFhBC,SAEgB;AAAA,MAFhBA,SAEgB,+BAFH,MAAMD,KAEH;AAAA,MADbE,SACa;;AAChB,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAIW,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,CArCD;;AAuCA,eAAeD,KAAf","sourcesContent":["import * as React from 'react';\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> {\n  weight: 'heavy' | 'bold' | 'semibold' | 'medium' | 'regular';\n  level: '1' | '2' | '3';\n  Component?: React.ElementType;\n}\n\nconst Title: React.FC<TitleProps> = ({\n  children,\n  weight,\n  level,\n  Component = ('h' + level) as React.ElementType,\n  ...restProps\n}: TitleProps) => {\n  const platform = usePlatform();\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;;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"}

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

@@ -24,6 +24,7 @@ import { ScrollContext } from "../AppRoot/ScrollContext";
 import { NavTransitionProvider } from "../NavTransitionContext/NavTransitionContext";
 import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
+import { swipeBackExcluded } from "./utils";
 import "./View.css";
 var warn = warnOnce('View');
 var SwipeBackResults;
@@ -34,7 +35,6 @@ var SwipeBackResults;
 })(SwipeBackResults || (SwipeBackResults = {}));
 
 export var scrollsCache = {};
-var swipeBackExcludedTags = ['input', 'textarea'];
 
 var View = /*#__PURE__*/function (_React$Component) {
   _inherits(View, _React$Component);
@@ -58,29 +58,7 @@ var View = /*#__PURE__*/function (_React$Component) {
 
     _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)) {
-        var activePanel = _this.props.activePanel;
-        var isBack = _this.state.isBack;
-        var prevPanel = _this.state.prevPanel;
-
-        if (isBack) {
-          _this.scrolls[prevPanel] = 0;
-        }
-
-        _this.setState({
-          prevPanel: null,
-          nextPanel: null,
-          visiblePanels: [activePanel],
-          activePanel: activePanel,
-          animated: false,
-          isBack: undefined
-        }, function () {
-          isBack && _this.props.scroll.scrollTo(0, _this.scrolls[activePanel]);
-          _this.props.onTransition && _this.props.onTransition({
-            isBack: isBack,
-            from: prevPanel,
-            to: activePanel
-          });
-        });
+        _this.flushTransition(_this.state.prevPanel, _this.state.isBack);
       }
     });
 
@@ -101,9 +79,7 @@ var View = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "onMoveX", function (e) {
-      var target = e.originalEvent.target;
-
-      if (target && typeof target.tagName === 'string' && swipeBackExcludedTags.includes(target.tagName.toLowerCase())) {
+      if (swipeBackExcluded(e)) {
         return;
       }
 
@@ -228,16 +204,26 @@ var View = /*#__PURE__*/function (_React$Component) {
           return id === prevProps.activePanel || id === _this2.props.activePanel;
         });
         var isBack = firstLayerId === this.props.activePanel;
-        this.blurActiveElement();
         this.scrolls[prevProps.activePanel] = this.props.scroll.getScroll().y;
-        this.setState({
-          visiblePanels: [prevProps.activePanel, this.props.activePanel],
-          prevPanel: prevProps.activePanel,
-          nextPanel: this.props.activePanel,
-          activePanel: null,
-          animated: true,
-          isBack: isBack
-        });
+
+        if (this.shouldDisableTransitionMotion()) {
+          this.flushTransition(prevProps.activePanel, isBack);
+        } else {
+          this.blurActiveElement();
+          this.setState({
+            visiblePanels: [prevProps.activePanel, this.props.activePanel],
+            prevPanel: prevProps.activePanel,
+            nextPanel: this.props.activePanel,
+            activePanel: null,
+            animated: true,
+            isBack: isBack
+          }); // Фолбек анимации перехода
+
+          if (!animationEvent.supported) {
+            clearTimeout(this.animationFinishTimeout);
+            this.animationFinishTimeout = setTimeout(this.transitionEndHandler, this.props.platform === ANDROID || this.props.platform === VKCOM ? 300 : 600);
+          }
+        }
       } // Закончилась анимация свайпа назад
 
 
@@ -263,15 +249,6 @@ var View = /*#__PURE__*/function (_React$Component) {
             to: nextPanel
           });
         });
-      } // Начался переход
-
-
-      if (!prevState.animated && this.state.animated) {
-        var _this$state = this.state,
-            _prevPanel = _this$state.prevPanel,
-            _nextPanel = _this$state.nextPanel,
-            _isBack = _this$state.isBack;
-        this.waitAnimationFinish(this.pickPanel(_isBack ? _prevPanel : _nextPanel), this.transitionEndHandler);
       } // Начался свайп назад
 
 
@@ -317,22 +294,6 @@ var View = /*#__PURE__*/function (_React$Component) {
         this.transitionFinishTimeout = setTimeout(eventHandler, this.props.platform === ANDROID || this.props.platform === VKCOM ? 300 : 600);
       }
     }
-  }, {
-    key: "waitAnimationFinish",
-    value: function waitAnimationFinish(elem, eventHandler) {
-      if (this.shouldDisableTransitionMotion()) {
-        eventHandler();
-        return;
-      }
-
-      if (animationEvent.supported) {
-        elem.removeEventListener(animationEvent.name, eventHandler);
-        elem.addEventListener(animationEvent.name, eventHandler);
-      } else {
-        clearTimeout(this.animationFinishTimeout);
-        this.animationFinishTimeout = setTimeout(eventHandler, this.props.platform === ANDROID || this.props.platform === VKCOM ? 300 : 600);
-      }
-    }
   }, {
     key: "blurActiveElement",
     value: function blurActiveElement() {
@@ -345,6 +306,34 @@ var View = /*#__PURE__*/function (_React$Component) {
     value: function pickPanel(id) {
       return this.panelNodes[id];
     }
+  }, {
+    key: "flushTransition",
+    value: function flushTransition(prevPanel, isBack) {
+      var _this3 = this;
+
+      var activePanel = this.props.activePanel;
+
+      if (isBack) {
+        this.scrolls[prevPanel] = 0;
+      }
+
+      this.setState({
+        prevPanel: null,
+        nextPanel: null,
+        visiblePanels: [activePanel],
+        activePanel: activePanel,
+        animated: false,
+        isBack: undefined
+      }, function () {
+        _this3.props.scroll.scrollTo(0, isBack ? _this3.scrolls[activePanel] : 0);
+
+        _this3.props.onTransition && _this3.props.onTransition({
+          isBack: isBack,
+          from: prevPanel,
+          to: activePanel
+        });
+      });
+    }
   }, {
     key: "onSwipeBackSuccess",
     value: function onSwipeBackSuccess() {
@@ -407,7 +396,7 @@ var View = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _this4 = this;
 
       var _this$props2 = this.props,
           popout = _this$props2.popout,
@@ -427,23 +416,24 @@ var View = /*#__PURE__*/function (_React$Component) {
           scroll = _this$props2.scroll,
           restProps = _objectWithoutProperties(_this$props2, _excluded);
 
-      var _this$state2 = this.state,
-          prevPanel = _this$state2.prevPanel,
-          nextPanel = _this$state2.nextPanel,
-          activePanel = _this$state2.activePanel,
-          swipeBackPrevPanel = _this$state2.swipeBackPrevPanel,
-          swipeBackNextPanel = _this$state2.swipeBackNextPanel,
-          swipeBackResult = _this$state2.swipeBackResult,
-          isBack = _this$state2.isBack;
+      var _this$state = this.state,
+          prevPanel = _this$state.prevPanel,
+          nextPanel = _this$state.nextPanel,
+          activePanel = _this$state.activePanel,
+          swipeBackPrevPanel = _this$state.swipeBackPrevPanel,
+          swipeBackNextPanel = _this$state.swipeBackNextPanel,
+          swipeBackResult = _this$state.swipeBackResult,
+          isBack = _this$state.isBack,
+          animated = _this$state.animated;
       var hasPopout = !!popout;
       var hasModal = !!modal;
       var panels = this.panels.filter(function (panel) {
         var panelId = getNavId(panel.props, warn);
-        return _this3.state.visiblePanels.includes(panelId) || panelId === swipeBackPrevPanel || panelId === swipeBackNextPanel;
+        return _this4.state.visiblePanels.includes(panelId) || panelId === swipeBackPrevPanel || panelId === swipeBackNextPanel;
       });
       var disableAnimation = this.shouldDisableTransitionMotion();
       var modifiers = {
-        'View--animated': !disableAnimation && this.state.animated,
+        'View--animated': !disableAnimation && animated,
         'View--swiping-back': !disableAnimation && this.state.swipingBack,
         'View--no-motion': disableAnimation
       };
@@ -458,6 +448,7 @@ var View = /*#__PURE__*/function (_React$Component) {
       }, panels.map(function (panel) {
         var panelId = getNavId(panel.props, warn);
         var isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;
+        var isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);
         var compensateScroll = isPrev || panelId === swipeBackNextPanel || panelId === nextPanel && isBack;
         return createScopedElement("div", {
           vkuiClass: classNames('View__panel', {
@@ -469,15 +460,16 @@ var View = /*#__PURE__*/function (_React$Component) {
             '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) {
-            return _this3.panelNodes[panelId] = el;
+            return _this4.panelNodes[panelId] = el;
           },
-          style: _this3.calcPanelSwipeStyles(panelId),
+          style: _this4.calcPanelSwipeStyles(panelId),
           key: panelId
         }, createScopedElement("div", {
           vkuiClass: "View__panel-in",
           style: {
-            marginTop: compensateScroll ? -_this3.scrolls[panelId] : null
+            marginTop: compensateScroll ? -_this4.scrolls[panelId] : null
           }
         }, createScopedElement(NavTransitionProvider, {
           entering: panelId === nextPanel || panelId === swipeBackNextPanel

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","warn","SwipeBackResults","scrollsCache","swipeBackExcludedTags","View","props","e","includes","animationName","activePanel","isBack","state","prevPanel","scrolls","setState","nextPanel","visiblePanels","animated","undefined","scroll","scrollTo","onTransition","from","to","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","originalEvent","tagName","toLowerCase","platform","configProvider","isWebView","startX","window","innerWidth","browserSwipe","onSwipeBack","swipingBack","history","length","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","document","Children","toArray","children","id","prevProps","prevState","popout","blurActiveElement","modal","firstLayerId","panels","map","panel","find","waitAnimationFinish","transitionEndHandler","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","supported","removeEventListener","name","addEventListener","clearTimeout","transitionFinishTimeout","setTimeout","shouldDisableTransitionMotion","animationFinishTimeout","activeElement","blur","panelNodes","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","disableAnimation","modifiers","onMoveX","onEnd","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 './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 AnimationEventHandler = (e?: AnimationEvent) => void;\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nexport let scrollsCache: ViewsScrolls = {};\n\nconst swipeBackExcludedTags = ['input', 'textarea'];\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\n      this.blurActiveElement();\n\n      this.scrolls[prevProps.activePanel] = this.props.scroll.getScroll().y;\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    // Закончилась анимация свайпа назад\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.animated && this.state.animated) {\n      const { prevPanel, nextPanel, isBack } = this.state;\n      this.waitAnimationFinish(this.pickPanel(isBack ? prevPanel : nextPanel), this.transitionEndHandler);\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  waitAnimationFinish(elem: HTMLElement, eventHandler: AnimationEventHandler): void {\n    if (this.shouldDisableTransitionMotion()) {\n      eventHandler();\n      return;\n    }\n\n    if (animationEvent.supported) {\n      elem.removeEventListener(animationEvent.name, eventHandler);\n      elem.addEventListener(animationEvent.name, eventHandler);\n    } else {\n      clearTimeout(this.animationFinishTimeout);\n      this.animationFinishTimeout = 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  transitionEndHandler = (e?: 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      const activePanel = this.props.activePanel;\n      const isBack = this.state.isBack;\n      const prevPanel = this.state.prevPanel;\n      if (isBack) {\n        this.scrolls[prevPanel] = 0;\n      }\n      this.setState({\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack: undefined,\n      }, () => {\n        isBack && this.props.scroll.scrollTo(0, this.scrolls[activePanel]);\n        this.props.onTransition && this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n      });\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    const target = e.originalEvent.target as HTMLElement;\n    if (\n      target &&\n      typeof target.tagName === 'string' &&\n      swipeBackExcludedTags.includes(target.tagName.toLowerCase())\n    ) {\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,\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 && this.state.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 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                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 { 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"}