@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/RichTooltip/RichTooltip.js

@@ -1,32 +1,21 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "arrow", "appearance", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { HoverPopper } from '../HoverPopper/HoverPopper';
-import "./RichTooltip.module.css";
+import styles from './RichTooltip.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/RichTooltip
- */
-export var RichTooltip = function RichTooltip(_ref) {
-  var children = _ref.children,
-    _ref$arrow = _ref.arrow,
-    arrow = _ref$arrow === void 0 ? true : _ref$arrow,
-    _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? 'neutral' : _ref$appearance,
-    className = _ref.className,
-    popperProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(HoverPopper, _extends({
-    className: classNames("vkuiRichTooltip", styles["RichTooltip--appearance-".concat(appearance)], className),
-    arrow: arrow,
-    arrowClassName: "vkuiRichTooltip__arrow"
-  }, popperProps), children);
-};
-var styles = {
-  "RichTooltip--appearance-accent": "vkuiRichTooltip--appearance-accent",
-  "RichTooltip--appearance-white": "vkuiRichTooltip--appearance-white",
-  "RichTooltip--appearance-black": "vkuiRichTooltip--appearance-black",
-  "RichTooltip--appearance-inversion": "vkuiRichTooltip--appearance-inversion",
-  "RichTooltip--appearance-neutral": "vkuiRichTooltip--appearance-neutral"
+ */ export const RichTooltip = ({ children , arrow =true , appearance ='neutral' , className , ...popperProps })=>{
+    return /*#__PURE__*/ React.createElement(HoverPopper, {
+        className: classNames(styles['RichTooltip'], appearance !== 'neutral' && ({
+            accent: styles['RichTooltip--appearance-accent'],
+            white: styles['RichTooltip--appearance-white'],
+            black: styles['RichTooltip--appearance-black'],
+            inversion: styles['RichTooltip--appearance-inversion']
+        })[appearance], className),
+        arrow: arrow,
+        arrowClassName: styles['RichTooltip__arrow'],
+        ...popperProps
+    }, children);
 };
+
 //# sourceMappingURL=RichTooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RichTooltip.js","names":["React","classNames","HoverPopper","RichTooltip","children","arrow","appearance","className","popperProps","styles"],"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HoverPopper, HoverPopperProps } from '../HoverPopper/HoverPopper';\nimport styles from './RichTooltip.module.css';\n\nexport interface RichTooltipProps extends Omit<HoverPopperProps, 'arrowClassName'> {\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: 'accent' | 'neutral' | 'white' | 'black' | 'inversion';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n  children,\n  arrow = true,\n  appearance = 'neutral',\n  className,\n  ...popperProps\n}: RichTooltipProps) => {\n  return (\n    <HoverPopper\n      className={classNames(\n        styles['RichTooltip'],\n        styles[`RichTooltip--appearance-${appearance}`],\n        className,\n      )}\n      arrow={arrow}\n      arrowClassName={styles['RichTooltip__arrow']}\n      {...popperProps}\n    >\n      {children}\n    </HoverPopper>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,WAAW,QAA0B,4BAA4B;AAAC;AAU3E;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OAMA;EAAA,IALtBC,QAAQ,QAARA,QAAQ;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,IAAI;IAAA,uBACZC,UAAU;IAAVA,UAAU,gCAAG,SAAS;IACtBC,SAAS,QAATA,SAAS;IACNC,WAAW;EAEd,oBACE,oBAAC,WAAW;IACV,SAAS,EAAEP,UAAU,oBAEnBQ,MAAM,mCAA4BH,UAAU,EAAG,EAC/CC,SAAS,CACT;IACF,KAAK,EAAEF,KAAM;IACb,cAAc;EAA+B,GACzCG,WAAW,GAEdJ,QAAQ,CACG;AAElB,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HoverPopper, HoverPopperProps } from '../HoverPopper/HoverPopper';\nimport styles from './RichTooltip.module.css';\n\nexport interface RichTooltipProps extends Omit<HoverPopperProps, 'arrowClassName'> {\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: 'accent' | 'neutral' | 'white' | 'black' | 'inversion';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n  children,\n  arrow = true,\n  appearance = 'neutral',\n  className,\n  ...popperProps\n}: RichTooltipProps) => {\n  return (\n    <HoverPopper\n      className={classNames(\n        styles['RichTooltip'],\n        appearance !== 'neutral' &&\n          {\n            accent: styles['RichTooltip--appearance-accent'],\n            white: styles['RichTooltip--appearance-white'],\n            black: styles['RichTooltip--appearance-black'],\n            inversion: styles['RichTooltip--appearance-inversion'],\n          }[appearance],\n        className,\n      )}\n      arrow={arrow}\n      arrowClassName={styles['RichTooltip__arrow']}\n      {...popperProps}\n    >\n      {children}\n    </HoverPopper>\n  );\n};\n"],"names":["React","classNames","HoverPopper","styles","RichTooltip","children","arrow","appearance","className","popperProps","accent","white","black","inversion","arrowClassName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAA0B,6BAA6B;AAC3E,OAAOC,YAAY,2BAA2B;AAS9C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,SAAQ,EACRC,OAAQ,IAAI,CAAA,EACZC,YAAa,UAAS,EACtBC,UAAS,EACT,GAAGC,aACc,GAAK;IACtB,qBACE,oBAACP;QACCM,WAAWP,WACTE,MAAM,CAAC,cAAc,EACrBI,eAAe,aACb,CAAA;YACEG,QAAQP,MAAM,CAAC,iCAAiC;YAChDQ,OAAOR,MAAM,CAAC,gCAAgC;YAC9CS,OAAOT,MAAM,CAAC,gCAAgC;YAC9CU,WAAWV,MAAM,CAAC,oCAAoC;QACxD,CAAA,CAAC,CAACI,WAAW,EACfC;QAEFF,OAAOA;QACPQ,gBAAgBX,MAAM,CAAC,qBAAqB;QAC3C,GAAGM,WAAW;OAEdJ;AAGP,EAAE"}

package/dist/cssm/components/Root/Root.js

@@ -1,7 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "activeView", "onTransition", "nav", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { usePlatform } from '../../hooks/usePlatform';
@@ -15,123 +11,115 @@ import { ScrollContext } from '../AppRoot/ScrollContext';
 import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
 import { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';
 import { SplitColContext } from '../SplitCol/SplitColContext';
-import "./Root.module.css";
-var warn = warnOnce('Root');
-
+import styles from './Root.module.css';
+const warn = warnOnce('Root');
 /**
  * @see https://vkcom.github.io/VKUI/#/Root
- */
-export var Root = function Root(_ref) {
-  var children = _ref.children,
-    _activeView = _ref.activeView,
-    onTransition = _ref.onTransition,
-    nav = _ref.nav,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var scroll = React.useContext(ScrollContext);
-  var platform = usePlatform();
-  var _useDOM = useDOM(),
-    document = _useDOM.document;
-  var scrolls = React.useRef({}).current;
-  var viewNodes = React.useRef({}).current;
-  var _useConfigProvider = useConfigProvider(),
-    _useConfigProvider$tr = _useConfigProvider.transitionMotionEnabled,
-    transitionMotionEnabled = _useConfigProvider$tr === void 0 ? true : _useConfigProvider$tr;
-  var _React$useContext = React.useContext(SplitColContext),
-    animate = _React$useContext.animate;
-  var disableAnimation = !transitionMotionEnabled || !animate;
-  var views = React.Children.toArray(children);
-  var _React$useState = React.useState({
-      activeView: _activeView,
-      transition: false
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    _React$useState2$ = _React$useState2[0],
-    prevView = _React$useState2$.prevView,
-    activeView = _React$useState2$.activeView,
-    transition = _React$useState2$.transition,
-    isBack = _React$useState2$.isBack,
-    _setState = _React$useState2[1];
-  var transitionTo = function transitionTo(panel) {
-    if (panel !== activeView) {
-      var viewIds = views.map(function (view) {
-        return getNavId(view.props, warn);
-      });
-      var _isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);
-      scrolls[activeView] = scroll.getScroll().y;
-      _setState({
-        activeView: panel,
-        prevView: activeView,
-        transition: !disableAnimation,
-        isBack: _isBack
-      });
-    }
-  };
-  var finishTransition = React.useCallback(function () {
-    return _setState({
-      activeView: activeView,
-      prevView: prevView,
-      isBack: isBack,
-      transition: false
+ */ export const Root = ({ children , activeView: _activeView , onTransition , nav , className , ...restProps })=>{
+    const scroll = React.useContext(ScrollContext);
+    const platform = usePlatform();
+    const { document  } = useDOM();
+    const scrolls = React.useRef({}).current;
+    const viewNodes = React.useRef({}).current;
+    const { transitionMotionEnabled =true  } = useConfigProvider();
+    const { animate  } = React.useContext(SplitColContext);
+    const disableAnimation = !transitionMotionEnabled || !animate;
+    const views = React.Children.toArray(children);
+    const [{ prevView , activeView , transition , isBack  }, _setState] = React.useState({
+        activeView: _activeView,
+        transition: false
     });
-  }, [activeView, isBack, prevView]);
-  useIsomorphicLayoutEffect(function () {
-    document.activeElement.blur();
-  }, [activeView]);
-
-  // Нужен переход
-  useIsomorphicLayoutEffect(function () {
-    return transitionTo(_activeView);
-  }, [_activeView]);
-  useIsomorphicLayoutEffect(function () {
-    if (!transition && prevView) {
-      // Закончился переход
-      scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);
-      onTransition && onTransition({
-        isBack: Boolean(isBack),
-        from: prevView,
-        to: activeView
-      });
-    }
-  }, [transition, prevView]);
-  var fallbackTransition = useTimeout(finishTransition, platform === Platform.IOS ? 600 : 300);
-  React.useEffect(function () {
-    if (!transition) {
-      fallbackTransition.clear();
-      return;
-    }
-    fallbackTransition.set();
-  }, [fallbackTransition, transition]);
-  var onAnimationEnd = function onAnimationEnd(e) {
-    if (['vkui-root-android-animation-hide-back', 'vkui-root-android-animation-show-forward', 'vkui-root-ios-animation-hide-back', 'vkui-root-ios-animation-show-forward'].includes(e.animationName)) {
-      finishTransition();
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    className: classNames("vkuiRoot", platform === Platform.IOS && "vkuiRoot--ios", transition && "vkuiRoot--transition", className)
-  }), views.map(function (view) {
-    var _scrolls$viewId;
-    var viewId = getNavId(view.props, warn);
-    if (viewId !== activeView && !(transition && viewId === prevView)) {
-      return null;
-    }
-    var isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);
-    var compensateScroll = transition && (viewId === prevView || isBack && viewId === activeView);
-    return /*#__PURE__*/React.createElement("div", {
-      key: viewId,
-      ref: function ref(e) {
-        return viewId && (viewNodes[viewId] = e);
-      },
-      onAnimationEnd: isTransitionTarget ? onAnimationEnd : undefined,
-      className: classNames("vkuiRoot__view", transition && viewId === prevView && isBack && "vkuiRoot__view--hide-back", transition && viewId === prevView && !isBack && "vkuiRoot__view--hide-forward", transition && viewId === activeView && isBack && "vkuiRoot__view--show-back", transition && viewId === activeView && !isBack && "vkuiRoot__view--show-forward")
-    }, /*#__PURE__*/React.createElement(NavTransitionProvider, {
-      entering: transition && viewId === activeView
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "vkuiRoot__scrollCompensation",
-      style: {
-        marginTop: compensateScroll ? viewId && -((_scrolls$viewId = scrolls[viewId]) !== null && _scrolls$viewId !== void 0 ? _scrolls$viewId : 0) : undefined
-      }
-    }, view)));
-  }));
+    const transitionTo = (panel)=>{
+        if (panel !== activeView) {
+            const viewIds = views.map((view)=>getNavId(view.props, warn));
+            const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);
+            scrolls[activeView] = scroll.getScroll().y;
+            _setState({
+                activeView: panel,
+                prevView: activeView,
+                transition: !disableAnimation,
+                isBack
+            });
+        }
+    };
+    const finishTransition = React.useCallback(()=>_setState({
+            activeView,
+            prevView,
+            isBack,
+            transition: false
+        }), [
+        activeView,
+        isBack,
+        prevView
+    ]);
+    useIsomorphicLayoutEffect(()=>{
+        document.activeElement.blur();
+    }, [
+        activeView
+    ]);
+    // Нужен переход
+    useIsomorphicLayoutEffect(()=>transitionTo(_activeView), [
+        _activeView
+    ]);
+    useIsomorphicLayoutEffect(()=>{
+        if (!transition && prevView) {
+            // Закончился переход
+            scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);
+            onTransition && onTransition({
+                isBack: Boolean(isBack),
+                from: prevView,
+                to: activeView
+            });
+        }
+    }, [
+        transition,
+        prevView
+    ]);
+    const fallbackTransition = useTimeout(finishTransition, platform === Platform.IOS ? 600 : 300);
+    React.useEffect(()=>{
+        if (!transition) {
+            fallbackTransition.clear();
+            return;
+        }
+        fallbackTransition.set();
+    }, [
+        fallbackTransition,
+        transition
+    ]);
+    const onAnimationEnd = (e)=>{
+        if ([
+            'vkui-root-android-animation-hide-back',
+            'vkui-root-android-animation-show-forward',
+            'vkui-root-ios-animation-hide-back',
+            'vkui-root-ios-animation-show-forward'
+        ].includes(e.animationName)) {
+            finishTransition();
+        }
+    };
+    return /*#__PURE__*/ React.createElement("div", {
+        ...restProps,
+        className: classNames(styles['Root'], platform === Platform.IOS && styles['Root--ios'], transition && styles['Root--transition'], className)
+    }, views.map((view)=>{
+        const viewId = getNavId(view.props, warn);
+        if (viewId !== activeView && !(transition && viewId === prevView)) {
+            return null;
+        }
+        const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);
+        const compensateScroll = transition && (viewId === prevView || isBack && viewId === activeView);
+        return /*#__PURE__*/ React.createElement("div", {
+            key: viewId,
+            ref: (e)=>viewId && (viewNodes[viewId] = e),
+            onAnimationEnd: isTransitionTarget ? onAnimationEnd : undefined,
+            className: classNames(styles['Root__view'], transition && viewId === prevView && isBack && styles['Root__view--hide-back'], transition && viewId === prevView && !isBack && styles['Root__view--hide-forward'], transition && viewId === activeView && isBack && styles['Root__view--show-back'], transition && viewId === activeView && !isBack && styles['Root__view--show-forward'])
+        }, /*#__PURE__*/ React.createElement(NavTransitionProvider, {
+            entering: transition && viewId === activeView
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: styles['Root__scrollCompensation'],
+            style: {
+                marginTop: compensateScroll ? viewId && -(scrolls[viewId] ?? 0) : undefined
+            }
+        }, view)));
+    }));
 };
+
 //# sourceMappingURL=Root.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Root.js","names":["React","classNames","usePlatform","useTimeout","useDOM","getNavId","Platform","useIsomorphicLayoutEffect","warnOnce","ScrollContext","useConfigProvider","NavTransitionProvider","SplitColContext","warn","Root","children","_activeView","activeView","onTransition","nav","className","restProps","scroll","useContext","platform","document","scrolls","useRef","current","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './Root.module.css';\n\nexport interface RootProps extends React.HTMLAttributes<HTMLDivElement>, NavIdProps {\n  activeView: string;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n}\n\nexport interface RootState {\n  activeView: string;\n  transition: boolean;\n  isBack?: boolean;\n  prevView?: string;\n}\n\nconst warn = warnOnce('Root');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n  children,\n  activeView: _activeView,\n  onTransition,\n  nav,\n  className,\n  ...restProps\n}: RootProps) => {\n  const scroll = React.useContext(ScrollContext);\n  const platform = usePlatform();\n  const { document } = useDOM();\n  const scrolls = React.useRef<Record<string, number>>({}).current;\n  const viewNodes = React.useRef<Record<string, HTMLElement | null>>({}).current;\n\n  const { transitionMotionEnabled = true } = useConfigProvider();\n  const { animate } = React.useContext(SplitColContext);\n  const disableAnimation = !transitionMotionEnabled || !animate;\n\n  const views = React.Children.toArray(children) as React.ReactElement[];\n\n  const [{ prevView, activeView, transition, isBack }, _setState] = React.useState<RootState>({\n    activeView: _activeView,\n    transition: false,\n  });\n  const transitionTo = (panel: string) => {\n    if (panel !== activeView) {\n      const viewIds = views.map((view) => getNavId(view.props, warn));\n      const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n      scrolls[activeView] = scroll.getScroll().y;\n      _setState({\n        activeView: panel,\n        prevView: activeView,\n        transition: !disableAnimation,\n        isBack,\n      });\n    }\n  };\n  const finishTransition = React.useCallback(\n    () => _setState({ activeView, prevView, isBack, transition: false }),\n    [activeView, isBack, prevView],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    (document!.activeElement as HTMLElement).blur();\n  }, [activeView]);\n\n  // Нужен переход\n  useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n  useIsomorphicLayoutEffect(() => {\n    if (!transition && prevView) {\n      // Закончился переход\n      scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n      onTransition &&\n        onTransition({\n          isBack: Boolean(isBack),\n          from: prevView,\n          to: activeView,\n        });\n    }\n  }, [transition, prevView]);\n\n  const fallbackTransition = useTimeout(finishTransition, platform === Platform.IOS ? 600 : 300);\n  React.useEffect(() => {\n    if (!transition) {\n      fallbackTransition.clear();\n      return;\n    }\n    fallbackTransition.set();\n  }, [fallbackTransition, transition]);\n\n  const onAnimationEnd = (e: React.AnimationEvent) => {\n    if (\n      [\n        'vkui-root-android-animation-hide-back',\n        'vkui-root-android-animation-show-forward',\n        'vkui-root-ios-animation-hide-back',\n        'vkui-root-ios-animation-show-forward',\n      ].includes(e.animationName)\n    ) {\n      finishTransition();\n    }\n  };\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['Root'],\n        platform === Platform.IOS && styles['Root--ios'],\n        transition && styles['Root--transition'],\n        className,\n      )}\n    >\n      {views.map((view) => {\n        const viewId = getNavId(view.props, warn);\n        if (viewId !== activeView && !(transition && viewId === prevView)) {\n          return null;\n        }\n        const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);\n        const compensateScroll =\n          transition && (viewId === prevView || (isBack && viewId === activeView));\n        return (\n          <div\n            key={viewId}\n            ref={(e) => viewId && (viewNodes[viewId] = e)}\n            onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n            className={classNames(\n              styles['Root__view'],\n              transition && viewId === prevView && isBack && styles['Root__view--hide-back'],\n              transition && viewId === prevView && !isBack && styles['Root__view--hide-forward'],\n              transition && viewId === activeView && isBack && styles['Root__view--show-back'],\n              transition && viewId === activeView && !isBack && styles['Root__view--show-forward'],\n            )}\n          >\n            <NavTransitionProvider entering={transition && viewId === activeView}>\n              <div\n                className={styles['Root__scrollCompensation']}\n                style={{\n                  marginTop: compensateScroll ? viewId && -(scrolls[viewId] ?? 0) : undefined,\n                }}\n              >\n                {view}\n              </div>\n            </NavTransitionProvider>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './Root.module.css';\n\nexport interface RootProps extends React.HTMLAttributes<HTMLDivElement>, NavIdProps {\n  activeView: string;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n}\n\nexport interface RootState {\n  activeView: string;\n  transition: boolean;\n  isBack?: boolean;\n  prevView?: string;\n}\n\nconst warn = warnOnce('Root');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n  children,\n  activeView: _activeView,\n  onTransition,\n  nav,\n  className,\n  ...restProps\n}: RootProps) => {\n  const scroll = React.useContext(ScrollContext);\n  const platform = usePlatform();\n  const { document } = useDOM();\n  const scrolls = React.useRef<Record<string, number>>({}).current;\n  const viewNodes = React.useRef<Record<string, HTMLElement | null>>({}).current;\n\n  const { transitionMotionEnabled = true } = useConfigProvider();\n  const { animate } = React.useContext(SplitColContext);\n  const disableAnimation = !transitionMotionEnabled || !animate;\n\n  const views = React.Children.toArray(children) as React.ReactElement[];\n\n  const [{ prevView, activeView, transition, isBack }, _setState] = React.useState<RootState>({\n    activeView: _activeView,\n    transition: false,\n  });\n  const transitionTo = (panel: string) => {\n    if (panel !== activeView) {\n      const viewIds = views.map((view) => getNavId(view.props, warn));\n      const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n      scrolls[activeView] = scroll.getScroll().y;\n      _setState({\n        activeView: panel,\n        prevView: activeView,\n        transition: !disableAnimation,\n        isBack,\n      });\n    }\n  };\n  const finishTransition = React.useCallback(\n    () => _setState({ activeView, prevView, isBack, transition: false }),\n    [activeView, isBack, prevView],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    (document!.activeElement as HTMLElement).blur();\n  }, [activeView]);\n\n  // Нужен переход\n  useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n  useIsomorphicLayoutEffect(() => {\n    if (!transition && prevView) {\n      // Закончился переход\n      scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n      onTransition &&\n        onTransition({\n          isBack: Boolean(isBack),\n          from: prevView,\n          to: activeView,\n        });\n    }\n  }, [transition, prevView]);\n\n  const fallbackTransition = useTimeout(finishTransition, platform === Platform.IOS ? 600 : 300);\n  React.useEffect(() => {\n    if (!transition) {\n      fallbackTransition.clear();\n      return;\n    }\n    fallbackTransition.set();\n  }, [fallbackTransition, transition]);\n\n  const onAnimationEnd = (e: React.AnimationEvent) => {\n    if (\n      [\n        'vkui-root-android-animation-hide-back',\n        'vkui-root-android-animation-show-forward',\n        'vkui-root-ios-animation-hide-back',\n        'vkui-root-ios-animation-show-forward',\n      ].includes(e.animationName)\n    ) {\n      finishTransition();\n    }\n  };\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['Root'],\n        platform === Platform.IOS && styles['Root--ios'],\n        transition && styles['Root--transition'],\n        className,\n      )}\n    >\n      {views.map((view) => {\n        const viewId = getNavId(view.props, warn);\n        if (viewId !== activeView && !(transition && viewId === prevView)) {\n          return null;\n        }\n        const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);\n        const compensateScroll =\n          transition && (viewId === prevView || (isBack && viewId === activeView));\n        return (\n          <div\n            key={viewId}\n            ref={(e) => viewId && (viewNodes[viewId] = e)}\n            onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n            className={classNames(\n              styles['Root__view'],\n              transition && viewId === prevView && isBack && styles['Root__view--hide-back'],\n              transition && viewId === prevView && !isBack && styles['Root__view--hide-forward'],\n              transition && viewId === activeView && isBack && styles['Root__view--show-back'],\n              transition && viewId === activeView && !isBack && styles['Root__view--show-forward'],\n            )}\n          >\n            <NavTransitionProvider entering={transition && viewId === activeView}>\n              <div\n                className={styles['Root__scrollCompensation']}\n                style={{\n                  marginTop: compensateScroll ? viewId && -(scrolls[viewId] ?? 0) : undefined,\n                }}\n              >\n                {view}\n              </div>\n            </NavTransitionProvider>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["React","classNames","usePlatform","useTimeout","useDOM","getNavId","Platform","useIsomorphicLayoutEffect","warnOnce","ScrollContext","useConfigProvider","NavTransitionProvider","SplitColContext","styles","warn","Root","children","activeView","_activeView","onTransition","nav","className","restProps","scroll","useContext","platform","document","scrolls","useRef","current","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","prevView","transition","isBack","_setState","useState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","div","viewId","isTransitionTarget","compensateScroll","key","ref","undefined","entering","style","marginTop"],"mappings":"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"}

package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.js

@@ -1,18 +1,17 @@
-import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
-export var Icon48CancelCircle = function Icon48CancelCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    className: "vkuiIcon",
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M40 24c0 8.837-7.163 16-16 16S8 32.837 8 24 15.163 8 24 8s16 7.163 16 16Zm-10.08-4.33a1.125 1.125 0 0 0-1.59-1.59L24 22.409l-4.33-4.33a1.125 1.125 0 0 0-1.59 0l-.101.116a1.125 1.125 0 0 0 .1 1.476L22.41 24l-4.33 4.33a1.125 1.125 0 0 0 1.591 1.59L24 25.591l4.33 4.33c.439.439 1.151.439 1.59 0l.101-.116a1.125 1.125 0 0 0-.1-1.476L25.59 24l4.33-4.33Z",
-    fill: "currentColor"
-  }));
-};
+export const Icon48CancelCircle = (props)=>/*#__PURE__*/ React.createElement("svg", {
+        className: "vkuiIcon",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 48 48",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M40 24c0 8.837-7.163 16-16 16S8 32.837 8 24 15.163 8 24 8s16 7.163 16 16Zm-10.08-4.33a1.125 1.125 0 0 0-1.59-1.59L24 22.409l-4.33-4.33a1.125 1.125 0 0 0-1.59 0l-.101.116a1.125 1.125 0 0 0 .1 1.476L22.41 24l-4.33 4.33a1.125 1.125 0 0 0 1.591 1.59L24 25.591l4.33 4.33c.439.439 1.151.439 1.59 0l.101-.116a1.125 1.125 0 0 0-.1-1.476L25.59 24l4.33-4.33Z",
+        fill: "currentColor"
+    }));
+
 //# sourceMappingURL=Icon48CancelCircle.js.map

package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon48CancelCircle.js","names":["React","Icon48CancelCircle","props"],"sources":["../../../../src/components/ScreenSpinner/Icon48CancelCircle.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const Icon48CancelCircle = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    className=\"vkuiIcon\"\n    width=\"48\"\n    height=\"48\"\n    viewBox=\"0 0 48 48\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M40 24c0 8.837-7.163 16-16 16S8 32.837 8 24 15.163 8 24 8s16 7.163 16 16Zm-10.08-4.33a1.125 1.125 0 0 0-1.59-1.59L24 22.409l-4.33-4.33a1.125 1.125 0 0 0-1.59 0l-.101.116a1.125 1.125 0 0 0 .1 1.476L22.41 24l-4.33 4.33a1.125 1.125 0 0 0 1.591 1.59L24 25.591l4.33 4.33c.439.439 1.151.439 1.59 0l.101-.116a1.125 1.125 0 0 0-.1-1.476L25.59 24l4.33-4.33Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAoC;EAAA,oBACrE;IACE,SAAS,EAAC,UAAU;IACpB,KAAK,EAAC,IAAI;IACV,MAAM,EAAC,IAAI;IACX,OAAO,EAAC,WAAW;IACnB,IAAI,EAAC,MAAM;IACX,KAAK,EAAC;EAA4B,GAC9BA,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC,8VAA8V;IAChW,IAAI,EAAC;EAAc,EACnB,CACE;AAAA,CACP"}
+{"version":3,"sources":["../../../../src/components/ScreenSpinner/Icon48CancelCircle.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const Icon48CancelCircle = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    className=\"vkuiIcon\"\n    width=\"48\"\n    height=\"48\"\n    viewBox=\"0 0 48 48\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M40 24c0 8.837-7.163 16-16 16S8 32.837 8 24 15.163 8 24 8s16 7.163 16 16Zm-10.08-4.33a1.125 1.125 0 0 0-1.59-1.59L24 22.409l-4.33-4.33a1.125 1.125 0 0 0-1.59 0l-.101.116a1.125 1.125 0 0 0 .1 1.476L22.41 24l-4.33 4.33a1.125 1.125 0 0 0 1.591 1.59L24 25.591l4.33 4.33c.439.439 1.151.439 1.59 0l.101-.116a1.125 1.125 0 0 0-.1-1.476L25.59 24l4.33-4.33Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React","Icon48CancelCircle","props","svg","className","width","height","viewBox","fill","xmlns","path","fillRule","clipRule","d"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,qBAAqB,CAACC,sBACjC,oBAACC;QACCC,WAAU;QACVC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACL,GAAGP,KAAK;qBAET,oBAACQ;QACCC,UAAS;QACTC,UAAS;QACTC,GAAE;QACFL,MAAK;QAGT"}

package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.js

@@ -1,19 +1,18 @@
-import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
-export var Icon48DoneOutline = function Icon48DoneOutline(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    className: "vkuiIcon",
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M9 24L19 34L39 14",
-    stroke: "currentColor",
-    strokeWidth: "3.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
+export const Icon48DoneOutline = (props)=>/*#__PURE__*/ React.createElement("svg", {
+        className: "vkuiIcon",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 48 48",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
+        d: "M9 24L19 34L39 14",
+        stroke: "currentColor",
+        strokeWidth: "3.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+    }));
+
 //# sourceMappingURL=Icon48DoneOutline.js.map

package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon48DoneOutline.js","names":["React","Icon48DoneOutline","props"],"sources":["../../../../src/components/ScreenSpinner/Icon48DoneOutline.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const Icon48DoneOutline = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    className=\"vkuiIcon\"\n    width=\"48\"\n    height=\"48\"\n    viewBox=\"0 0 48 48\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M9 24L19 34L39 14\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,KAAoC;EAAA,oBACpE;IACE,SAAS,EAAC,UAAU;IACpB,KAAK,EAAC,IAAI;IACV,MAAM,EAAC,IAAI;IACX,OAAO,EAAC,WAAW;IACnB,IAAI,EAAC,MAAM;IACX,KAAK,EAAC;EAA4B,GAC9BA,KAAK,gBAET;IACE,CAAC,EAAC,mBAAmB;IACrB,MAAM,EAAC,cAAc;IACrB,WAAW,EAAC,KAAK;IACjB,aAAa,EAAC,OAAO;IACrB,cAAc,EAAC;EAAO,EACtB,CACE;AAAA,CACP"}
+{"version":3,"sources":["../../../../src/components/ScreenSpinner/Icon48DoneOutline.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const Icon48DoneOutline = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    className=\"vkuiIcon\"\n    width=\"48\"\n    height=\"48\"\n    viewBox=\"0 0 48 48\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M9 24L19 34L39 14\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"names":["React","Icon48DoneOutline","props","svg","className","width","height","viewBox","fill","xmlns","path","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,oBAAoB,CAACC,sBAChC,oBAACC;QACCC,WAAU;QACVC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACL,GAAGP,KAAK;qBAET,oBAACQ;QACCC,GAAE;QACFC,QAAO;QACPC,aAAY;QACZC,eAAc;QACdC,gBAAe;QAGnB"}

package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js

@@ -1,6 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["style", "className", "state", "size", "aria-label", "onClick"];
 import * as React from 'react';
 import { Icon24Cancel } from '@vkontakte/icons';
 import { classNames } from '@vkontakte/vkjs';
@@ -9,50 +6,33 @@ import { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';
 import { Spinner } from '../Spinner/Spinner';
 import { Icon48CancelCircle } from './Icon48CancelCircle';
 import { Icon48DoneOutline } from './Icon48DoneOutline';
-import "./ScreenSpinner.module.css";
+import styles from './ScreenSpinner.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/ScreenSpinner
- */
-export var ScreenSpinner = function ScreenSpinner(_ref) {
-  var style = _ref.style,
-    className = _ref.className,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? 'loading' : _ref$state,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'large' : _ref$size,
-    _ref$ariaLabel = _ref['aria-label'],
-    ariaLabel = _ref$ariaLabel === void 0 ? 'Пожалуйста, подождите...' : _ref$ariaLabel,
-    onClick = _ref.onClick,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var hideSpinner = state === 'done' || state === 'error';
-  var Icon = {
-    loading: function loading() {
-      return null;
-    },
-    cancelable: Icon24Cancel,
-    done: Icon48DoneOutline,
-    error: Icon48CancelCircle
-  }[state];
-  useScrollLock();
-  return /*#__PURE__*/React.createElement(PopoutWrapper, {
-    hasMask: false,
-    className: classNames("vkuiScreenSpinner", hideSpinner && "vkuiScreenSpinner--hideSpinner", styles["ScreenSpinner--state-".concat(state)], className),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiScreenSpinner__container",
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(Spinner, _extends({
-    className: "vkuiScreenSpinner__spinner",
-    size: size,
-    "aria-label": ariaLabel
-  }, restProps)), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiScreenSpinner__icon"
-  }, /*#__PURE__*/React.createElement(Icon, null))));
-};
-var styles = {
-  "ScreenSpinner--state-cancelable": "vkuiScreenSpinner--state-cancelable",
-  "ScreenSpinner--state-done": "vkuiScreenSpinner--state-done",
-  "ScreenSpinner--state-loading": "vkuiScreenSpinner--state-loading",
-  "ScreenSpinner--state-error": "vkuiScreenSpinner--state-error"
+ */ export const ScreenSpinner = ({ style , className , state ='loading' , size ='large' , 'aria-label': ariaLabel = 'Пожалуйста, подождите...' , onClick , ...restProps })=>{
+    const hideSpinner = state === 'done' || state === 'error';
+    const Icon = {
+        loading: ()=>null,
+        cancelable: Icon24Cancel,
+        done: Icon48DoneOutline,
+        error: Icon48CancelCircle
+    }[state];
+    useScrollLock();
+    return /*#__PURE__*/ React.createElement(PopoutWrapper, {
+        hasMask: false,
+        className: classNames(styles['ScreenSpinner'], hideSpinner && styles['ScreenSpinner--hideSpinner'], state === 'cancelable' && styles['ScreenSpinner--state-cancelable'], state === 'done' && styles['ScreenSpinner--state-done'], className),
+        style: style
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: styles['ScreenSpinner__container'],
+        onClick: onClick
+    }, /*#__PURE__*/ React.createElement(Spinner, {
+        className: styles['ScreenSpinner__spinner'],
+        size: size,
+        "aria-label": ariaLabel,
+        ...restProps
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: styles['ScreenSpinner__icon']
+    }, /*#__PURE__*/ React.createElement(Icon, null))));
 };
+
 //# sourceMappingURL=ScreenSpinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScreenSpinner.js","names":["React","Icon24Cancel","classNames","useScrollLock","PopoutWrapper","Spinner","Icon48CancelCircle","Icon48DoneOutline","ScreenSpinner","style","className","state","size","ariaLabel","onClick","restProps","hideSpinner","Icon","loading","cancelable","done","error","styles"],"sources":["../../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Spinner, SpinnerProps } from '../Spinner/Spinner';\nimport { Icon48CancelCircle } from './Icon48CancelCircle';\nimport { Icon48DoneOutline } from './Icon48DoneOutline';\nimport styles from './ScreenSpinner.module.css';\n\nexport interface ScreenSpinnerProps extends SpinnerProps {\n  state?: 'loading' | 'cancelable' | 'done' | 'error';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScreenSpinner\n */\nexport const ScreenSpinner = ({\n  style,\n  className,\n  state = 'loading',\n  size = 'large',\n  'aria-label': ariaLabel = 'Пожалуйста, подождите...',\n  onClick,\n  ...restProps\n}: ScreenSpinnerProps) => {\n  const hideSpinner = state === 'done' || state === 'error';\n\n  const Icon = {\n    loading: () => null,\n    cancelable: Icon24Cancel,\n    done: Icon48DoneOutline,\n    error: Icon48CancelCircle,\n  }[state];\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      hasMask={false}\n      className={classNames(\n        styles['ScreenSpinner'],\n        hideSpinner && styles['ScreenSpinner--hideSpinner'],\n        styles[`ScreenSpinner--state-${state}`],\n        className,\n      )}\n      style={style}\n    >\n      <div className={styles['ScreenSpinner__container']} onClick={onClick}>\n        <Spinner\n          className={styles['ScreenSpinner__spinner']}\n          size={size}\n          aria-label={ariaLabel}\n          {...restProps}\n        />\n        <div className={styles['ScreenSpinner__icon']}>\n          <Icon />\n        </div>\n      </div>\n    </PopoutWrapper>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,aAAa,QAAQ,gCAAgC;AAC9D,SAASC,OAAO,QAAsB,oBAAoB;AAC1D,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,iBAAiB,QAAQ,qBAAqB;AAAC;AAOxD;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAQA;EAAA,IAPxBC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IAAA,kBACTC,KAAK;IAALA,KAAK,2BAAG,SAAS;IAAA,iBACjBC,IAAI;IAAJA,IAAI,0BAAG,OAAO;IAAA,sBACd,YAAY;IAAEC,SAAS,+BAAG,0BAA0B;IACpDC,OAAO,QAAPA,OAAO;IACJC,SAAS;EAEZ,IAAMC,WAAW,GAAGL,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,OAAO;EAEzD,IAAMM,IAAI,GAAG;IACXC,OAAO,EAAE;MAAA,OAAM,IAAI;IAAA;IACnBC,UAAU,EAAElB,YAAY;IACxBmB,IAAI,EAAEb,iBAAiB;IACvBc,KAAK,EAAEf;EACT,CAAC,CAACK,KAAK,CAAC;EAERR,aAAa,EAAE;EAEf,oBACE,oBAAC,aAAa;IACZ,OAAO,EAAE,KAAM;IACf,SAAS,EAAED,UAAU,sBAEnBc,WAAW,oCAAwC,EACnDM,MAAM,gCAAyBX,KAAK,EAAG,EACvCD,SAAS,CACT;IACF,KAAK,EAAED;EAAM,gBAEb;IAAK,SAAS,gCAAqC;IAAC,OAAO,EAAEK;EAAQ,gBACnE,oBAAC,OAAO;IACN,SAAS,8BAAmC;IAC5C,IAAI,EAAEF,IAAK;IACX,cAAYC;EAAU,GAClBE,SAAS,EACb,eACF;IAAK,SAAS;EAAgC,gBAC5C,oBAAC,IAAI,OAAG,CACJ,CACF,CACQ;AAEpB,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Spinner, SpinnerProps } from '../Spinner/Spinner';\nimport { Icon48CancelCircle } from './Icon48CancelCircle';\nimport { Icon48DoneOutline } from './Icon48DoneOutline';\nimport styles from './ScreenSpinner.module.css';\n\nexport interface ScreenSpinnerProps extends SpinnerProps {\n  state?: 'loading' | 'cancelable' | 'done' | 'error';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScreenSpinner\n */\nexport const ScreenSpinner = ({\n  style,\n  className,\n  state = 'loading',\n  size = 'large',\n  'aria-label': ariaLabel = 'Пожалуйста, подождите...',\n  onClick,\n  ...restProps\n}: ScreenSpinnerProps) => {\n  const hideSpinner = state === 'done' || state === 'error';\n\n  const Icon = {\n    loading: () => null,\n    cancelable: Icon24Cancel,\n    done: Icon48DoneOutline,\n    error: Icon48CancelCircle,\n  }[state];\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      hasMask={false}\n      className={classNames(\n        styles['ScreenSpinner'],\n        hideSpinner && styles['ScreenSpinner--hideSpinner'],\n        state === 'cancelable' && styles['ScreenSpinner--state-cancelable'],\n        state === 'done' && styles['ScreenSpinner--state-done'],\n        className,\n      )}\n      style={style}\n    >\n      <div className={styles['ScreenSpinner__container']} onClick={onClick}>\n        <Spinner\n          className={styles['ScreenSpinner__spinner']}\n          size={size}\n          aria-label={ariaLabel}\n          {...restProps}\n        />\n        <div className={styles['ScreenSpinner__icon']}>\n          <Icon />\n        </div>\n      </div>\n    </PopoutWrapper>\n  );\n};\n"],"names":["React","Icon24Cancel","classNames","useScrollLock","PopoutWrapper","Spinner","Icon48CancelCircle","Icon48DoneOutline","styles","ScreenSpinner","style","className","state","size","ariaLabel","onClick","restProps","hideSpinner","Icon","loading","cancelable","done","error","hasMask","div","aria-label"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,OAAO,QAAsB,qBAAqB;AAC3D,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,OAAOC,YAAY,6BAA6B;AAMhD;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,MAAK,EACLC,UAAS,EACTC,OAAQ,UAAS,EACjBC,MAAO,QAAO,EACd,cAAcC,YAAY,0BAA0B,CAAA,EACpDC,QAAO,EACP,GAAGC,WACgB,GAAK;IACxB,MAAMC,cAAcL,UAAU,UAAUA,UAAU;IAElD,MAAMM,OAAO;QACXC,SAAS,IAAM,IAAI;QACnBC,YAAYnB;QACZoB,MAAMd;QACNe,OAAOhB;IACT,CAAC,CAACM,MAAM;IAERT;IAEA,qBACE,oBAACC;QACCmB,SAAS,KAAK;QACdZ,WAAWT,WACTM,MAAM,CAAC,gBAAgB,EACvBS,eAAeT,MAAM,CAAC,6BAA6B,EACnDI,UAAU,gBAAgBJ,MAAM,CAAC,kCAAkC,EACnEI,UAAU,UAAUJ,MAAM,CAAC,4BAA4B,EACvDG;QAEFD,OAAOA;qBAEP,oBAACc;QAAIb,WAAWH,MAAM,CAAC,2BAA2B;QAAEO,SAASA;qBAC3D,oBAACV;QACCM,WAAWH,MAAM,CAAC,yBAAyB;QAC3CK,MAAMA;QACNY,cAAYX;QACX,GAAGE,SAAS;sBAEf,oBAACQ;QAAIb,WAAWH,MAAM,CAAC,sBAAsB;qBAC3C,oBAACU;AAKX,EAAE"}