@vkontakte/vkui 4.23.0 → 4.24.0

package/dist/components/Alert/Alert.js

@@ -8,7 +8,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["actions", "actionsLayout", "children", "className", "style", "platform", "viewWidth", "text", "header"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import Tappable from "../Tappable/Tappable";
 import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper";
 import { getClassName } from "../../helpers/getClassName";
@@ -52,7 +52,7 @@ var Alert = /*#__PURE__*/function (_React$Component) {
           });
 
           _this.waitTransitionFinish(function (e) {
-            if (!e || e.propertyName === 'opacity') {
+            if (!e || e.propertyName === "opacity") {
               autoclose && _this.props.onClose();
               action && action();
             }
@@ -69,7 +69,7 @@ var Alert = /*#__PURE__*/function (_React$Component) {
       });
 
       _this.waitTransitionFinish(function (e) {
-        if (!e || e.propertyName === 'opacity') {
+        if (!e || e.propertyName === "opacity") {
           _this.props.onClose();
         }
       });
@@ -84,10 +84,10 @@ var Alert = /*#__PURE__*/function (_React$Component) {
 
       if (platform === IOS) {
         var _action$Component = action.Component,
-            Component = _action$Component === void 0 ? 'button' : _action$Component;
+            Component = _action$Component === void 0 ? "button" : _action$Component;
         return createScopedElement(Tappable, {
-          Component: action.href ? 'a' : Component,
-          vkuiClass: classNames('Alert__action', "Alert__action--".concat(action.mode)),
+          Component: action.href ? "a" : Component,
+          vkuiClass: classNames("Alert__action", "Alert__action--".concat(action.mode)),
           onClick: _this.onItemClick(action),
           href: action.href,
           key: "alert-action-".concat(i),
@@ -95,18 +95,18 @@ var Alert = /*#__PURE__*/function (_React$Component) {
         }, action.title);
       }
 
-      var mode = action.mode === 'cancel' ? 'secondary' : 'primary';
+      var mode = action.mode === "cancel" ? "secondary" : "primary";
 
       if (platform === ANDROID) {
-        mode = 'tertiary';
+        mode = "tertiary";
 
-        if (_this.props.viewWidth === ViewWidth.DESKTOP && action.mode === 'destructive') {
-          mode = 'destructive';
+        if (_this.props.viewWidth === ViewWidth.DESKTOP && action.mode === "destructive") {
+          mode = "destructive";
         }
       }
 
       return createScopedElement(Button, {
-        vkuiClass: classNames('Alert__button', "Alert__button--".concat(action.mode)),
+        vkuiClass: classNames("Alert__button", "Alert__button--".concat(action.mode)),
         mode: mode,
         size: "m",
         onClick: _this.onItemClick(action),
@@ -206,7 +206,7 @@ var Alert = /*#__PURE__*/function (_React$Component) {
           restProps = _objectWithoutProperties(_this$props, _excluded);
 
       var closing = this.state.closing;
-      var resolvedActionsLayout = platform === VKCOM ? 'horizontal' : actionsLayout;
+      var resolvedActionsLayout = platform === VKCOM ? "horizontal" : actionsLayout;
       var canShowCloseButton = platform === VKCOM || platform === ANDROID && viewWidth >= ViewWidth.SMALL_TABLET;
       var isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;
       return createScopedElement(PopoutWrapper, {
@@ -219,11 +219,11 @@ var Alert = /*#__PURE__*/function (_React$Component) {
         onClick: this.stopPropagation,
         onClose: this.onClose,
         timeout: this.timeout,
-        vkuiClass: classNames(getClassName('Alert', platform), {
-          'Alert--v': resolvedActionsLayout === 'vertical',
-          'Alert--h': resolvedActionsLayout === 'horizontal',
-          'Alert--closing': closing,
-          'Alert--desktop': isDesktop
+        vkuiClass: classNames(getClassName("Alert", platform), {
+          "Alert--v": resolvedActionsLayout === "vertical",
+          "Alert--h": resolvedActionsLayout === "horizontal",
+          "Alert--closing": closing,
+          "Alert--desktop": isDesktop
         })
       }), canShowCloseButton && createScopedElement(ModalDismissButton, {
         onClick: this.onClose
@@ -239,7 +239,7 @@ var Alert = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 _defineProperty(Alert, "defaultProps", {
-  actionsLayout: 'horizontal',
+  actionsLayout: "horizontal",
   actions: []
 });
 

package/dist/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Alert/Alert.tsx"],"names":["React","Tappable","PopoutWrapper","getClassName","classNames","transitionEvent","ANDROID","VKCOM","IOS","withPlatform","withAdaptivity","ViewWidth","Button","hasReactNode","Headline","Title","Caption","ModalDismissButton","FocusTrap","Alert","props","item","action","autoclose","setState","closing","waitTransitionFinish","e","propertyName","onClose","stopPropagation","i","platform","Component","href","mode","onItemClick","target","title","viewWidth","DESKTOP","element","createRef","state","eventHandler","supported","current","removeEventListener","name","addEventListener","clearTimeout","transitionFinishTimeout","setTimeout","bind","timeout","header","text","actions","actionsLayout","children","className","style","restProps","resolvedActionsLayout","canShowCloseButton","SMALL_TABLET","isDesktop","renderHeader","renderText","map","renderAction"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Tappable from '../Tappable/Tappable';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { transitionEvent } from '../../lib/supportEvents';\nimport { ANDROID, VKCOM, IOS } from '../../lib/platform';\nimport { HasPlatform } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { withAdaptivity, AdaptivityProps, ViewWidth } from '../../hoc/withAdaptivity';\nimport Button, { ButtonProps } from '../Button/Button';\nimport { hasReactNode } from '../../lib/utils';\nimport Headline from '../Typography/Headline/Headline';\nimport Title from '../Typography/Title/Title';\nimport Caption from '../Typography/Caption/Caption';\nimport ModalDismissButton from '../ModalDismissButton/ModalDismissButton';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport './Alert.css';\n\nexport type AlertActionInterface = AlertProps['actions'][0] & React.AnchorHTMLAttributes<HTMLElement>;\n\nexport interface AlertAction extends Pick<ButtonProps, 'Component' | 'href'> {\n  title: string;\n  action?: VoidFunction;\n  autoclose?: boolean;\n  mode: 'cancel' | 'destructive' | 'default';\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, AdaptivityProps {\n  actionsLayout?: 'vertical' | 'horizontal';\n  actions?: AlertAction[];\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  onClose?: VoidFunction;\n}\n\nexport interface AlertState {\n  closing: boolean;\n}\n\ntype TransitionEndHandler = (e?: TransitionEvent) => void;\n\ntype ItemClickHander = (item: AlertActionInterface) => () => void;\n\nclass Alert extends React.Component<AlertProps, AlertState> {\n  constructor(props: AlertProps) {\n    super(props);\n    this.element = React.createRef();\n    this.state = {\n      closing: false,\n    };\n  }\n\n  element: React.RefObject<HTMLDivElement>;\n\n  private transitionFinishTimeout: ReturnType<typeof setTimeout>;\n\n  static defaultProps: AlertProps = {\n    actionsLayout: 'horizontal',\n    actions: [],\n  };\n\n  private get timeout(): number {\n    return this.props.platform === ANDROID || this.props.platform === VKCOM ? 200 : 300;\n  }\n\n  onItemClick: ItemClickHander = (item: AlertActionInterface) => () => {\n    const { action, autoclose } = item;\n\n    if (autoclose) {\n      this.setState({ closing: true });\n      this.waitTransitionFinish((e?: TransitionEvent) => {\n        if (!e || e.propertyName === 'opacity') {\n          autoclose && this.props.onClose();\n          action && action();\n        }\n      });\n    } else {\n      action && action();\n    }\n  };\n\n  onClose: VoidFunction = () => {\n    this.setState({ closing: true });\n    this.waitTransitionFinish((e?: TransitionEvent) => {\n      if (!e || e.propertyName === 'opacity') {\n        this.props.onClose();\n      }\n    });\n  };\n\n  stopPropagation: React.MouseEventHandler = (e: React.SyntheticEvent) => {\n    e.stopPropagation();\n  };\n\n  waitTransitionFinish(eventHandler: TransitionEndHandler) {\n    if (transitionEvent.supported) {\n      this.element.current.removeEventListener(transitionEvent.name, eventHandler);\n      this.element.current.addEventListener(transitionEvent.name, eventHandler);\n    } else {\n      clearTimeout(this.transitionFinishTimeout);\n      this.transitionFinishTimeout = setTimeout(eventHandler.bind(this), this.timeout);\n    }\n  }\n\n  renderHeader(header: React.ReactNode) {\n    switch (this.props.platform) {\n      case VKCOM:\n        return <Headline vkuiClass=\"Alert__header\" weight=\"medium\">{header}</Headline>;\n      case IOS:\n        return <Title vkuiClass=\"Alert__header\" weight=\"semibold\" level=\"3\">{header}</Title>;\n      case ANDROID:\n        return <Title vkuiClass=\"Alert__header\" weight=\"medium\" level=\"2\">{header}</Title>;\n    }\n  }\n\n  renderText(text: React.ReactNode) {\n    switch (this.props.platform) {\n      case VKCOM:\n        return <Caption vkuiClass=\"Alert__text\" level=\"1\" weight=\"regular\">{text}</Caption>;\n      case IOS:\n        return <Caption vkuiClass=\"Alert__text\" level=\"2\" weight=\"regular\">{text}</Caption>;\n      case ANDROID:\n        return <Headline vkuiClass=\"Alert__text\" weight=\"regular\">{text}</Headline>;\n    }\n  }\n\n  renderAction = (action: AlertActionInterface, i: number) => {\n    const { platform } = this.props;\n\n    if (platform === IOS) {\n      const { Component = 'button' } = action;\n      return (\n        <Tappable\n          Component={action.href ? 'a' : Component}\n          vkuiClass={classNames('Alert__action', `Alert__action--${action.mode}`)}\n          onClick={this.onItemClick(action)}\n          href={action.href}\n          key={`alert-action-${i}`}\n          target={action.target}\n        >\n          {action.title}\n        </Tappable>\n      );\n    }\n\n    let mode: ButtonProps['mode'] = action.mode === 'cancel' ? 'secondary' : 'primary';\n\n    if (platform === ANDROID) {\n      mode = 'tertiary';\n\n      if (this.props.viewWidth === ViewWidth.DESKTOP && action.mode === 'destructive') {\n        mode = 'destructive';\n      }\n    }\n\n    return (\n      <Button\n        vkuiClass={classNames('Alert__button', `Alert__button--${action.mode}`)}\n        mode={mode}\n        size=\"m\"\n        onClick={this.onItemClick(action)}\n        Component={action.Component}\n        href={action.href}\n        key={`alert-action-${i}`}\n        target={action.target}\n      >\n        {action.title}\n      </Button>\n    );\n  };\n\n  render() {\n    const { actions, actionsLayout, children, className, style, platform, viewWidth, text, header, ...restProps } = this.props;\n    const { closing } = this.state;\n\n    const resolvedActionsLayout: AlertProps['actionsLayout'] = platform === VKCOM ? 'horizontal' : actionsLayout;\n    const canShowCloseButton = platform === VKCOM || platform === ANDROID && viewWidth >= ViewWidth.SMALL_TABLET;\n    const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n\n    return (\n      <PopoutWrapper\n        className={className}\n        closing={closing}\n        style={style}\n        onClick={this.onClose}\n      >\n        <FocusTrap\n          {...restProps}\n          getRootRef={this.element}\n          onClick={this.stopPropagation}\n          onClose={this.onClose}\n          timeout={this.timeout}\n          vkuiClass={classNames(getClassName('Alert', platform), {\n            'Alert--v': resolvedActionsLayout === 'vertical',\n            'Alert--h': resolvedActionsLayout === 'horizontal',\n            'Alert--closing': closing,\n            'Alert--desktop': isDesktop,\n          })}\n        >\n          {canShowCloseButton && <ModalDismissButton onClick={this.onClose} />}\n          <div vkuiClass=\"Alert__content\">\n            {hasReactNode(header) && this.renderHeader(header)}\n            {hasReactNode(text) && this.renderText(text)}\n            {children}\n          </div>\n          <footer vkuiClass=\"Alert__actions\">\n            {actions.map(this.renderAction)}\n          </footer>\n        </FocusTrap>\n      </PopoutWrapper>\n    );\n  }\n}\n\nexport default withPlatform(withAdaptivity(Alert, {\n  viewWidth: true,\n}));\n"],"file":"Alert.js"}
+{"version":3,"sources":["../../../src/components/Alert/Alert.tsx"],"names":["React","Tappable","PopoutWrapper","getClassName","classNames","transitionEvent","ANDROID","VKCOM","IOS","withPlatform","withAdaptivity","ViewWidth","Button","hasReactNode","Headline","Title","Caption","ModalDismissButton","FocusTrap","Alert","props","item","action","autoclose","setState","closing","waitTransitionFinish","e","propertyName","onClose","stopPropagation","i","platform","Component","href","mode","onItemClick","target","title","viewWidth","DESKTOP","element","createRef","state","eventHandler","supported","current","removeEventListener","name","addEventListener","clearTimeout","transitionFinishTimeout","setTimeout","bind","timeout","header","text","actions","actionsLayout","children","className","style","restProps","resolvedActionsLayout","canShowCloseButton","SMALL_TABLET","isDesktop","renderHeader","renderText","map","renderAction"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { ANDROID, VKCOM, IOS } from \"../../lib/platform\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Title from \"../Typography/Title/Title\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport \"./Alert.css\";\n\nexport type AlertActionInterface = AlertProps[\"actions\"][0] &\n  React.AnchorHTMLAttributes<HTMLElement>;\n\nexport interface AlertAction extends Pick<ButtonProps, \"Component\" | \"href\"> {\n  title: string;\n  action?: VoidFunction;\n  autoclose?: boolean;\n  mode: \"cancel\" | \"destructive\" | \"default\";\n}\n\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform,\n    AdaptivityProps {\n  actionsLayout?: \"vertical\" | \"horizontal\";\n  actions?: AlertAction[];\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  onClose?: VoidFunction;\n}\n\nexport interface AlertState {\n  closing: boolean;\n}\n\ntype TransitionEndHandler = (e?: TransitionEvent) => void;\n\ntype ItemClickHander = (item: AlertActionInterface) => () => void;\n\nclass Alert extends React.Component<AlertProps, AlertState> {\n  constructor(props: AlertProps) {\n    super(props);\n    this.element = React.createRef();\n    this.state = {\n      closing: false,\n    };\n  }\n\n  element: React.RefObject<HTMLDivElement>;\n\n  private transitionFinishTimeout: ReturnType<typeof setTimeout>;\n\n  static defaultProps: AlertProps = {\n    actionsLayout: \"horizontal\",\n    actions: [],\n  };\n\n  private get timeout(): number {\n    return this.props.platform === ANDROID || this.props.platform === VKCOM\n      ? 200\n      : 300;\n  }\n\n  onItemClick: ItemClickHander = (item: AlertActionInterface) => () => {\n    const { action, autoclose } = item;\n\n    if (autoclose) {\n      this.setState({ closing: true });\n      this.waitTransitionFinish((e?: TransitionEvent) => {\n        if (!e || e.propertyName === \"opacity\") {\n          autoclose && this.props.onClose();\n          action && action();\n        }\n      });\n    } else {\n      action && action();\n    }\n  };\n\n  onClose: VoidFunction = () => {\n    this.setState({ closing: true });\n    this.waitTransitionFinish((e?: TransitionEvent) => {\n      if (!e || e.propertyName === \"opacity\") {\n        this.props.onClose();\n      }\n    });\n  };\n\n  stopPropagation: React.MouseEventHandler = (e: React.SyntheticEvent) => {\n    e.stopPropagation();\n  };\n\n  waitTransitionFinish(eventHandler: TransitionEndHandler) {\n    if (transitionEvent.supported) {\n      this.element.current.removeEventListener(\n        transitionEvent.name,\n        eventHandler\n      );\n      this.element.current.addEventListener(transitionEvent.name, eventHandler);\n    } else {\n      clearTimeout(this.transitionFinishTimeout);\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler.bind(this),\n        this.timeout\n      );\n    }\n  }\n\n  renderHeader(header: React.ReactNode) {\n    switch (this.props.platform) {\n      case VKCOM:\n        return (\n          <Headline vkuiClass=\"Alert__header\" weight=\"medium\">\n            {header}\n          </Headline>\n        );\n      case IOS:\n        return (\n          <Title vkuiClass=\"Alert__header\" weight=\"semibold\" level=\"3\">\n            {header}\n          </Title>\n        );\n      case ANDROID:\n        return (\n          <Title vkuiClass=\"Alert__header\" weight=\"medium\" level=\"2\">\n            {header}\n          </Title>\n        );\n    }\n  }\n\n  renderText(text: React.ReactNode) {\n    switch (this.props.platform) {\n      case VKCOM:\n        return (\n          <Caption vkuiClass=\"Alert__text\" level=\"1\" weight=\"regular\">\n            {text}\n          </Caption>\n        );\n      case IOS:\n        return (\n          <Caption vkuiClass=\"Alert__text\" level=\"2\" weight=\"regular\">\n            {text}\n          </Caption>\n        );\n      case ANDROID:\n        return (\n          <Headline vkuiClass=\"Alert__text\" weight=\"regular\">\n            {text}\n          </Headline>\n        );\n    }\n  }\n\n  renderAction = (action: AlertActionInterface, i: number) => {\n    const { platform } = this.props;\n\n    if (platform === IOS) {\n      const { Component = \"button\" } = action;\n      return (\n        <Tappable\n          Component={action.href ? \"a\" : Component}\n          vkuiClass={classNames(\n            \"Alert__action\",\n            `Alert__action--${action.mode}`\n          )}\n          onClick={this.onItemClick(action)}\n          href={action.href}\n          key={`alert-action-${i}`}\n          target={action.target}\n        >\n          {action.title}\n        </Tappable>\n      );\n    }\n\n    let mode: ButtonProps[\"mode\"] =\n      action.mode === \"cancel\" ? \"secondary\" : \"primary\";\n\n    if (platform === ANDROID) {\n      mode = \"tertiary\";\n\n      if (\n        this.props.viewWidth === ViewWidth.DESKTOP &&\n        action.mode === \"destructive\"\n      ) {\n        mode = \"destructive\";\n      }\n    }\n\n    return (\n      <Button\n        vkuiClass={classNames(\"Alert__button\", `Alert__button--${action.mode}`)}\n        mode={mode}\n        size=\"m\"\n        onClick={this.onItemClick(action)}\n        Component={action.Component}\n        href={action.href}\n        key={`alert-action-${i}`}\n        target={action.target}\n      >\n        {action.title}\n      </Button>\n    );\n  };\n\n  render() {\n    const {\n      actions,\n      actionsLayout,\n      children,\n      className,\n      style,\n      platform,\n      viewWidth,\n      text,\n      header,\n      ...restProps\n    } = this.props;\n    const { closing } = this.state;\n\n    const resolvedActionsLayout: AlertProps[\"actionsLayout\"] =\n      platform === VKCOM ? \"horizontal\" : actionsLayout;\n    const canShowCloseButton =\n      platform === VKCOM ||\n      (platform === ANDROID && viewWidth >= ViewWidth.SMALL_TABLET);\n    const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n\n    return (\n      <PopoutWrapper\n        className={className}\n        closing={closing}\n        style={style}\n        onClick={this.onClose}\n      >\n        <FocusTrap\n          {...restProps}\n          getRootRef={this.element}\n          onClick={this.stopPropagation}\n          onClose={this.onClose}\n          timeout={this.timeout}\n          vkuiClass={classNames(getClassName(\"Alert\", platform), {\n            \"Alert--v\": resolvedActionsLayout === \"vertical\",\n            \"Alert--h\": resolvedActionsLayout === \"horizontal\",\n            \"Alert--closing\": closing,\n            \"Alert--desktop\": isDesktop,\n          })}\n        >\n          {canShowCloseButton && <ModalDismissButton onClick={this.onClose} />}\n          <div vkuiClass=\"Alert__content\">\n            {hasReactNode(header) && this.renderHeader(header)}\n            {hasReactNode(text) && this.renderText(text)}\n            {children}\n          </div>\n          <footer vkuiClass=\"Alert__actions\">\n            {actions.map(this.renderAction)}\n          </footer>\n        </FocusTrap>\n      </PopoutWrapper>\n    );\n  }\n}\n\nexport default withPlatform(\n  withAdaptivity(Alert, {\n    viewWidth: true,\n  })\n);\n"],"file":"Alert.js"}

package/dist/components/AppRoot/AppRoot.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './AppRoot.css';
-export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement>, Pick<AdaptivityProps, 'sizeX' | 'hasMouse'> {
+import * as React from "react";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./AppRoot.css";
+export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement>, Pick<AdaptivityProps, "sizeX" | "hasMouse"> {
     /** @deprecated Use mode="embedded" */
     embedded?: boolean;
     /** Режим встраивания */
-    mode?: 'partial' | 'embedded' | 'full';
+    mode?: "partial" | "embedded" | "full";
     window?: Window;
     /** Убирает классы без префикса (.Button) */
     noLegacyClasses?: boolean;
-    scroll?: 'global' | 'contain';
+    scroll?: "global" | "contain";
 }
 export declare const AppRoot: React.FC<AppRootProps>;
 export default AppRoot;

package/dist/components/AppRoot/AppRoot.js

@@ -4,20 +4,20 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "mode", "embedded", "sizeX", "hasMouse", "noLegacyClasses", "scroll"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { useDOM } from "../../lib/dom";
 import { classNames } from "../../lib/classNames";
 import { AppRootContext } from "./AppRootContext";
 import { withAdaptivity, SizeType } from "../../hoc/withAdaptivity";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { classScopingMode } from "../../lib/classScopingMode";
-import { IconSettingsProvider } from '@vkontakte/icons';
+import { IconSettingsProvider } from "@vkontakte/icons";
 import { elementScrollController, globalScrollController, ScrollContext } from "./ScrollContext";
 import { noop } from "../../lib/utils";
 import { warnOnce } from "../../lib/warnOnce";
 import { useKeyboardInputTracker } from "../../hooks/useKeyboardInputTracker";
 import { useInsets } from "../../hooks/useInsets";
-var warn = warnOnce('AppRoot');
+var warn = warnOnce("AppRoot");
 export var AppRoot = withAdaptivity(function (_ref) {
   var children = _ref.children,
       _mode = _ref.mode,
@@ -27,11 +27,11 @@ export var AppRoot = withAdaptivity(function (_ref) {
       _ref$noLegacyClasses = _ref.noLegacyClasses,
       noLegacyClasses = _ref$noLegacyClasses === void 0 ? false : _ref$noLegacyClasses,
       _ref$scroll = _ref.scroll,
-      scroll = _ref$scroll === void 0 ? 'global' : _ref$scroll,
+      scroll = _ref$scroll === void 0 ? "global" : _ref$scroll,
       props = _objectWithoutProperties(_ref, _excluded);
 
   // normalize mode
-  var mode = _mode || (_embedded ? 'embedded' : 'full');
+  var mode = _mode || (_embedded ? "embedded" : "full");
   var isKeyboardInputActive = useKeyboardInputTracker();
   var rootRef = React.useRef();
 
@@ -48,17 +48,17 @@ export var AppRoot = withAdaptivity(function (_ref) {
   var initialized = React.useRef(false);
 
   if (!initialized.current) {
-    if (window && mode === 'full') {
-      document.documentElement.classList.add('vkui');
+    if (window && mode === "full") {
+      document.documentElement.classList.add("vkui");
     }
 
     classScopingMode.noConflict = noLegacyClasses;
     initialized.current = true;
   }
 
-  if (process.env.NODE_ENV === 'development') {
-    if (scroll !== 'global' && mode !== 'embedded') {
-      warn('Scroll modes only supported in embedded mode');
+  if (process.env.NODE_ENV === "development") {
+    if (scroll !== "global" && mode !== "embedded") {
+      warn("Scroll modes only supported in embedded mode");
     }
 
     if (_mode && _embedded) {
@@ -68,8 +68,8 @@ export var AppRoot = withAdaptivity(function (_ref) {
 
 
   useIsomorphicLayoutEffect(function () {
-    var portal = document.createElement('div');
-    portal.classList.add('vkui__portal-root');
+    var portal = document.createElement("div");
+    portal.classList.add("vkui__portal-root");
     document.body.appendChild(portal);
     setPortalRoot(portal);
     return function () {
@@ -80,12 +80,12 @@ export var AppRoot = withAdaptivity(function (_ref) {
   useIsomorphicLayoutEffect(function () {
     var _parent$classList;
 
-    if (mode === 'partial') {
+    if (mode === "partial") {
       return noop;
     }
 
     var parent = rootRef.current.parentElement;
-    var classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);
+    var classes = ["vkui__root"].concat(mode === "embedded" ? "vkui__root--embedded" : []);
 
     (_parent$classList = parent.classList).add.apply(_parent$classList, _toConsumableArray(classes));
 
@@ -94,21 +94,21 @@ export var AppRoot = withAdaptivity(function (_ref) {
 
       (_parent$classList2 = parent.classList).remove.apply(_parent$classList2, _toConsumableArray(classes));
 
-      if (mode === 'full') {
-        document.documentElement.classList.remove('vkui');
+      if (mode === "full") {
+        document.documentElement.classList.remove("vkui");
       }
     };
   }, []); // setup insets
 
   useIsomorphicLayoutEffect(function () {
-    if (mode === 'partial') {
+    if (mode === "partial") {
       return noop;
     }
 
     var parent = rootRef.current.parentElement;
 
     for (var key in insets) {
-      if (insets.hasOwnProperty(key) && typeof insets[key] === 'number') {
+      if (insets.hasOwnProperty(key) && typeof insets[key] === "number") {
         var inset = insets[key];
         parent.style.setProperty("--safe-area-inset-".concat(key), "".concat(inset, "px"));
         portalRoot && portalRoot.style.setProperty("--safe-area-inset-".concat(key), "".concat(inset, "px"));
@@ -126,24 +126,24 @@ export var AppRoot = withAdaptivity(function (_ref) {
   }, [insets, portalRoot]); // adaptivity handler
 
   useIsomorphicLayoutEffect(function () {
-    if (mode === 'partial' || sizeX !== SizeType.REGULAR) {
+    if (mode === "partial" || sizeX !== SizeType.REGULAR) {
       return noop;
     }
 
-    var container = mode === 'embedded' ? rootRef.current.parentElement : document.body;
-    container.classList.add('vkui--sizeX-regular');
+    var container = mode === "embedded" ? rootRef.current.parentElement : document.body;
+    container.classList.add("vkui--sizeX-regular");
     return function () {
-      return container.classList.remove('vkui--sizeX-regular');
+      return container.classList.remove("vkui--sizeX-regular");
     };
   }, [sizeX]);
   var scrollController = React.useMemo(function () {
-    return scroll === 'contain' ? elementScrollController(rootRef) : globalScrollController(window, document);
+    return scroll === "contain" ? elementScrollController(rootRef) : globalScrollController(window, document);
   }, [scroll]);
   var content = createScopedElement(AppRootContext.Provider, {
     value: {
       appRoot: rootRef,
       portalRoot: portalRoot,
-      embedded: mode === 'embedded',
+      embedded: mode === "embedded",
       keyboardInput: isKeyboardInputActive,
       mode: mode
     }
@@ -153,11 +153,10 @@ export var AppRoot = withAdaptivity(function (_ref) {
     classPrefix: "vkui",
     globalClasses: !noLegacyClasses
   }, children)));
-  return mode === 'partial' ? content : createScopedElement("div", _extends({
+  return mode === "partial" ? content : createScopedElement("div", _extends({
     ref: rootRef,
-    vkuiClass: classNames('AppRoot', {
-      'AppRoot--no-mouse': !hasMouse,
-      'AppRoot--keyboard-input': isKeyboardInputActive
+    vkuiClass: classNames("AppRoot", {
+      "AppRoot--no-mouse": !hasMouse
     })
   }, props), content);
 }, {

package/dist/components/AppRoot/AppRoot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AppRoot/AppRoot.tsx"],"names":["React","useDOM","classNames","AppRootContext","withAdaptivity","SizeType","useIsomorphicLayoutEffect","classScopingMode","IconSettingsProvider","elementScrollController","globalScrollController","ScrollContext","noop","warnOnce","useKeyboardInputTracker","useInsets","warn","AppRoot","children","_mode","mode","_embedded","embedded","sizeX","hasMouse","noLegacyClasses","scroll","props","isKeyboardInputActive","rootRef","useRef","useState","portalRoot","setPortalRoot","window","document","insets","initialized","current","documentElement","classList","add","noConflict","process","env","NODE_ENV","portal","createElement","body","appendChild","parentElement","removeChild","parent","classes","concat","remove","key","hasOwnProperty","inset","style","setProperty","removeProperty","REGULAR","container","scrollController","useMemo","content","appRoot","keyboardInput"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../../lib/dom';\nimport { classNames } from '../../lib/classNames';\nimport { AppRootContext } from './AppRootContext';\nimport { withAdaptivity, SizeType, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { classScopingMode } from '../../lib/classScopingMode';\nimport { IconSettingsProvider } from '@vkontakte/icons';\nimport { elementScrollController, globalScrollController, ScrollContext, ScrollContextInterface } from './ScrollContext';\nimport { noop } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { useInsets } from '../../hooks/useInsets';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport './AppRoot.css';\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties */\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement>, Pick<AdaptivityProps, 'sizeX' | 'hasMouse'> {\n  /** @deprecated Use mode=\"embedded\" */\n  embedded?: boolean;\n  /** Режим встраивания */\n  mode?: 'partial' | 'embedded' | 'full';\n  window?: Window;\n  /** Убирает классы без префикса (.Button) */\n  noLegacyClasses?: boolean;\n  scroll?: 'global' | 'contain';\n}\n\nconst warn = warnOnce('AppRoot');\nexport const AppRoot: React.FC<AppRootProps> = withAdaptivity(({\n  children, mode: _mode, embedded: _embedded, sizeX, hasMouse, noLegacyClasses = false, scroll = 'global',\n  ...props\n}: AppRootProps) => {\n  // normalize mode\n  const mode = _mode || (_embedded ? 'embedded' : 'full');\n  const isKeyboardInputActive = useKeyboardInputTracker();\n  const rootRef = React.useRef<HTMLDivElement>();\n  const [portalRoot, setPortalRoot] = React.useState<HTMLDivElement>(null);\n  const { window, document } = useDOM();\n  const insets = useInsets();\n\n  const initialized = React.useRef(false);\n  if (!initialized.current) {\n    if (window && mode === 'full') {\n      document.documentElement.classList.add('vkui');\n    }\n    classScopingMode.noConflict = noLegacyClasses;\n    initialized.current = true;\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (scroll !== 'global' && mode !== 'embedded') {\n      warn('Scroll modes only supported in embedded mode');\n    }\n    if (_mode && _embedded) {\n      warn(`mode=\"${mode}\" overrides embedded`);\n    }\n  }\n\n  // setup portal\n  useIsomorphicLayoutEffect(() => {\n    const portal = document.createElement('div');\n    portal.classList.add('vkui__portal-root');\n    document.body.appendChild(portal);\n    setPortalRoot(portal);\n    return () => {\n      portal.parentElement.removeChild(portal);\n    };\n  }, []);\n\n  // setup root classes\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n\n    const parent = rootRef.current.parentElement;\n    const classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);\n    parent.classList.add(...classes);\n\n    return () => {\n      parent.classList.remove(...classes);\n      if (mode === 'full') {\n        document.documentElement.classList.remove('vkui');\n      }\n    };\n  }, []);\n\n  // setup insets\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n\n    const parent = rootRef.current.parentElement;\n\n    for (const key in insets) {\n      if (insets.hasOwnProperty(key) && typeof insets[key as keyof Insets] === 'number') {\n        const inset = insets[key as keyof Insets];\n        parent.style.setProperty(`--safe-area-inset-${key}`, `${inset}px`);\n        portalRoot && portalRoot.style.setProperty(`--safe-area-inset-${key}`, `${inset}px`);\n      }\n    }\n\n    return () => {\n      for (const key in insets) {\n        if (insets.hasOwnProperty(key)) {\n          parent.style.removeProperty(`--safe-area-inset-${key}`);\n          portalRoot && portalRoot.style.removeProperty(`--safe-area-inset-${key}`);\n        }\n      }\n    };\n  }, [insets, portalRoot]);\n\n  // adaptivity handler\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial' || sizeX !== SizeType.REGULAR) {\n      return noop;\n    }\n    const container = mode === 'embedded' ? rootRef.current.parentElement : document.body;\n    container.classList.add('vkui--sizeX-regular');\n    return () => container.classList.remove('vkui--sizeX-regular');\n  }, [sizeX]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => scroll === 'contain' ? elementScrollController(rootRef) : globalScrollController(window, document),\n    [scroll]);\n\n  const content = (\n    <AppRootContext.Provider value={{\n      appRoot: rootRef,\n      portalRoot: portalRoot,\n      embedded: mode === 'embedded',\n      keyboardInput: isKeyboardInputActive,\n      mode,\n    }}>\n      <ScrollContext.Provider value={scrollController}>\n        <IconSettingsProvider classPrefix=\"vkui\" globalClasses={!noLegacyClasses}>\n          {children}\n        </IconSettingsProvider>\n      </ScrollContext.Provider>\n    </AppRootContext.Provider>\n  );\n\n  return mode === 'partial' ? content : (\n    <div ref={rootRef} vkuiClass={classNames('AppRoot', {\n      'AppRoot--no-mouse': !hasMouse,\n      'AppRoot--keyboard-input': isKeyboardInputActive,\n    })} {...props}>\n      {content}\n    </div>\n  );\n}, {\n  sizeX: true,\n  hasMouse: true,\n});\n\nexport default AppRoot;\n"],"file":"AppRoot.js"}
+{"version":3,"sources":["../../../src/components/AppRoot/AppRoot.tsx"],"names":["React","useDOM","classNames","AppRootContext","withAdaptivity","SizeType","useIsomorphicLayoutEffect","classScopingMode","IconSettingsProvider","elementScrollController","globalScrollController","ScrollContext","noop","warnOnce","useKeyboardInputTracker","useInsets","warn","AppRoot","children","_mode","mode","_embedded","embedded","sizeX","hasMouse","noLegacyClasses","scroll","props","isKeyboardInputActive","rootRef","useRef","useState","portalRoot","setPortalRoot","window","document","insets","initialized","current","documentElement","classList","add","noConflict","process","env","NODE_ENV","portal","createElement","body","appendChild","parentElement","removeChild","parent","classes","concat","remove","key","hasOwnProperty","inset","style","setProperty","removeProperty","REGULAR","container","scrollController","useMemo","content","appRoot","keyboardInput"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport {\n  withAdaptivity,\n  SizeType,\n  AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { classScopingMode } from \"../../lib/classScopingMode\";\nimport { IconSettingsProvider } from \"@vkontakte/icons\";\nimport {\n  elementScrollController,\n  globalScrollController,\n  ScrollContext,\n  ScrollContextInterface,\n} from \"./ScrollContext\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useKeyboardInputTracker } from \"../../hooks/useKeyboardInputTracker\";\nimport { useInsets } from \"../../hooks/useInsets\";\nimport { Insets } from \"@vkontakte/vk-bridge\";\nimport \"./AppRoot.css\";\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties */\n\nexport interface AppRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<AdaptivityProps, \"sizeX\" | \"hasMouse\"> {\n  /** @deprecated Use mode=\"embedded\" */\n  embedded?: boolean;\n  /** Режим встраивания */\n  mode?: \"partial\" | \"embedded\" | \"full\";\n  window?: Window;\n  /** Убирает классы без префикса (.Button) */\n  noLegacyClasses?: boolean;\n  scroll?: \"global\" | \"contain\";\n}\n\nconst warn = warnOnce(\"AppRoot\");\nexport const AppRoot: React.FC<AppRootProps> = withAdaptivity(\n  ({\n    children,\n    mode: _mode,\n    embedded: _embedded,\n    sizeX,\n    hasMouse,\n    noLegacyClasses = false,\n    scroll = \"global\",\n    ...props\n  }: AppRootProps) => {\n    // normalize mode\n    const mode = _mode || (_embedded ? \"embedded\" : \"full\");\n    const isKeyboardInputActive = useKeyboardInputTracker();\n    const rootRef = React.useRef<HTMLDivElement>();\n    const [portalRoot, setPortalRoot] = React.useState<HTMLDivElement>(null);\n    const { window, document } = useDOM();\n    const insets = useInsets();\n\n    const initialized = React.useRef(false);\n    if (!initialized.current) {\n      if (window && mode === \"full\") {\n        document.documentElement.classList.add(\"vkui\");\n      }\n      classScopingMode.noConflict = noLegacyClasses;\n      initialized.current = true;\n    }\n\n    if (process.env.NODE_ENV === \"development\") {\n      if (scroll !== \"global\" && mode !== \"embedded\") {\n        warn(\"Scroll modes only supported in embedded mode\");\n      }\n      if (_mode && _embedded) {\n        warn(`mode=\"${mode}\" overrides embedded`);\n      }\n    }\n\n    // setup portal\n    useIsomorphicLayoutEffect(() => {\n      const portal = document.createElement(\"div\");\n      portal.classList.add(\"vkui__portal-root\");\n      document.body.appendChild(portal);\n      setPortalRoot(portal);\n      return () => {\n        portal.parentElement.removeChild(portal);\n      };\n    }, []);\n\n    // setup root classes\n    useIsomorphicLayoutEffect(() => {\n      if (mode === \"partial\") {\n        return noop;\n      }\n\n      const parent = rootRef.current.parentElement;\n      const classes = [\"vkui__root\"].concat(\n        mode === \"embedded\" ? \"vkui__root--embedded\" : []\n      );\n      parent.classList.add(...classes);\n\n      return () => {\n        parent.classList.remove(...classes);\n        if (mode === \"full\") {\n          document.documentElement.classList.remove(\"vkui\");\n        }\n      };\n    }, []);\n\n    // setup insets\n    useIsomorphicLayoutEffect(() => {\n      if (mode === \"partial\") {\n        return noop;\n      }\n\n      const parent = rootRef.current.parentElement;\n\n      for (const key in insets) {\n        if (\n          insets.hasOwnProperty(key) &&\n          typeof insets[key as keyof Insets] === \"number\"\n        ) {\n          const inset = insets[key as keyof Insets];\n          parent.style.setProperty(`--safe-area-inset-${key}`, `${inset}px`);\n          portalRoot &&\n            portalRoot.style.setProperty(\n              `--safe-area-inset-${key}`,\n              `${inset}px`\n            );\n        }\n      }\n\n      return () => {\n        for (const key in insets) {\n          if (insets.hasOwnProperty(key)) {\n            parent.style.removeProperty(`--safe-area-inset-${key}`);\n            portalRoot &&\n              portalRoot.style.removeProperty(`--safe-area-inset-${key}`);\n          }\n        }\n      };\n    }, [insets, portalRoot]);\n\n    // adaptivity handler\n    useIsomorphicLayoutEffect(() => {\n      if (mode === \"partial\" || sizeX !== SizeType.REGULAR) {\n        return noop;\n      }\n      const container =\n        mode === \"embedded\" ? rootRef.current.parentElement : document.body;\n      container.classList.add(\"vkui--sizeX-regular\");\n      return () => container.classList.remove(\"vkui--sizeX-regular\");\n    }, [sizeX]);\n\n    const scrollController = React.useMemo<ScrollContextInterface>(\n      () =>\n        scroll === \"contain\"\n          ? elementScrollController(rootRef)\n          : globalScrollController(window, document),\n      [scroll]\n    );\n\n    const content = (\n      <AppRootContext.Provider\n        value={{\n          appRoot: rootRef,\n          portalRoot: portalRoot,\n          embedded: mode === \"embedded\",\n          keyboardInput: isKeyboardInputActive,\n          mode,\n        }}\n      >\n        <ScrollContext.Provider value={scrollController}>\n          <IconSettingsProvider\n            classPrefix=\"vkui\"\n            globalClasses={!noLegacyClasses}\n          >\n            {children}\n          </IconSettingsProvider>\n        </ScrollContext.Provider>\n      </AppRootContext.Provider>\n    );\n\n    return mode === \"partial\" ? (\n      content\n    ) : (\n      <div\n        ref={rootRef}\n        vkuiClass={classNames(\"AppRoot\", {\n          \"AppRoot--no-mouse\": !hasMouse,\n        })}\n        {...props}\n      >\n        {content}\n      </div>\n    );\n  },\n  {\n    sizeX: true,\n    hasMouse: true,\n  }\n);\n\nexport default AppRoot;\n"],"file":"AppRoot.js"}

package/dist/components/AppRoot/AppRootContext.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import * as React from "react";
 export interface AppRootContextInterface {
     appRoot?: React.RefObject<HTMLDivElement>;
     portalRoot?: HTMLDivElement;
     embedded?: boolean;
-    mode?: 'partial' | 'embedded' | 'full';
+    mode?: "partial" | "embedded" | "full";
     keyboardInput?: boolean;
 }
 export declare const AppRootContext: React.Context<AppRootContextInterface>;

package/dist/components/AppRoot/AppRootContext.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export var AppRootContext = /*#__PURE__*/React.createContext({
   portalRoot: null
 });

package/dist/components/AppRoot/AppRootContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AppRoot/AppRootContext.ts"],"names":["React","AppRootContext","createContext","portalRoot"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAUA,OAAO,IAAMC,cAAc,gBAAGD,KAAK,CAACE,aAAN,CAA6C;AACzEC,EAAAA,UAAU,EAAE;AAD6D,CAA7C,CAAvB","sourcesContent":["import * as React from 'react';\n\nexport interface AppRootContextInterface {\n  appRoot?: React.RefObject<HTMLDivElement>;\n  portalRoot?: HTMLDivElement;\n  embedded?: boolean;\n  mode?: 'partial' | 'embedded' | 'full';\n  keyboardInput?: boolean;\n}\n\nexport const AppRootContext = React.createContext<AppRootContextInterface>({\n  portalRoot: null,\n});\n"],"file":"AppRootContext.js"}
+{"version":3,"sources":["../../../src/components/AppRoot/AppRootContext.ts"],"names":["React","AppRootContext","createContext","portalRoot"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAUA,OAAO,IAAMC,cAAc,gBAAGD,KAAK,CAACE,aAAN,CAA6C;AACzEC,EAAAA,UAAU,EAAE;AAD6D,CAA7C,CAAvB","sourcesContent":["import * as React from \"react\";\n\nexport interface AppRootContextInterface {\n  appRoot?: React.RefObject<HTMLDivElement>;\n  portalRoot?: HTMLDivElement;\n  embedded?: boolean;\n  mode?: \"partial\" | \"embedded\" | \"full\";\n  keyboardInput?: boolean;\n}\n\nexport const AppRootContext = React.createContext<AppRootContextInterface>({\n  portalRoot: null,\n});\n"],"file":"AppRootContext.js"}

package/dist/components/AppRoot/AppRootPortal.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export declare const AppRootPortal: React.FC<React.PropsWithChildren<{
     className?: string;
     forcePortal?: boolean;

package/dist/components/AppRoot/AppRootPortal.js

@@ -1,6 +1,6 @@
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
-import { createPortal } from 'react-dom';
+import * as React from "react";
+import { createPortal } from "react-dom";
 import { AppRootContext } from "./AppRootContext";
 export var AppRootPortal = function AppRootPortal(_ref) {
   var _forcePortal;
@@ -13,7 +13,7 @@ export var AppRootPortal = function AppRootPortal(_ref) {
       portalRoot = _React$useContext.portalRoot,
       mode = _React$useContext.mode;
 
-  forcePortal = (_forcePortal = forcePortal) !== null && _forcePortal !== void 0 ? _forcePortal : mode !== 'full';
+  forcePortal = (_forcePortal = forcePortal) !== null && _forcePortal !== void 0 ? _forcePortal : mode !== "full";
   return portalRoot && forcePortal ? /*#__PURE__*/createPortal(createScopedElement("div", {
     className: className
   }, children), portalRoot) : createScopedElement(React.Fragment, null, children);

package/dist/components/AppRoot/AppRootPortal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AppRoot/AppRootPortal.tsx"],"names":["React","createPortal","AppRootContext","AppRootPortal","children","className","forcePortal","useContext","portalRoot","mode"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,cAAT;AAEA,OAAO,IAAMC,aAA+F,GAAG,SAAlGA,aAAkG,OAA0C;AAAA;;AAAA,MAAvCC,QAAuC,QAAvCA,QAAuC;AAAA,MAA7BC,SAA6B,QAA7BA,SAA6B;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB;;AACvJ,0BAA6BN,KAAK,CAACO,UAAN,CAAiBL,cAAjB,CAA7B;AAAA,MAAQM,UAAR,qBAAQA,UAAR;AAAA,MAAoBC,IAApB,qBAAoBA,IAApB;;AAEAH,EAAAA,WAAW,mBAAGA,WAAH,uDAAkBG,IAAI,KAAK,MAAtC;AACA,SAAOD,UAAU,IAAIF,WAAd,gBACHL,YAAY,CAAE;AAAK,IAAA,SAAS,EAAEI;AAAhB,KAA4BD,QAA5B,CAAF,EAAgDI,UAAhD,CADT,GAEH,oBAAC,KAAD,CAAO,QAAP,QAAiBJ,QAAjB,CAFJ;AAGD,CAPM","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { AppRootContext } from './AppRootContext';\n\nexport const AppRootPortal: React.FC<React.PropsWithChildren<{ className?: string; forcePortal?: boolean }>> = ({ children, className, forcePortal }) => {\n  const { portalRoot, mode } = React.useContext(AppRootContext);\n\n  forcePortal = forcePortal ?? mode !== 'full';\n  return portalRoot && forcePortal\n    ? createPortal((<div className={className}>{children}</div>), portalRoot)\n    : <React.Fragment>{children}</React.Fragment>;\n};\n"],"file":"AppRootPortal.js"}
+{"version":3,"sources":["../../../src/components/AppRoot/AppRootPortal.tsx"],"names":["React","createPortal","AppRootContext","AppRootPortal","children","className","forcePortal","useContext","portalRoot","mode"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,cAAT;AAEA,OAAO,IAAMC,aAEZ,GAAG,SAFSA,aAET,OAA0C;AAAA;;AAAA,MAAvCC,QAAuC,QAAvCA,QAAuC;AAAA,MAA7BC,SAA6B,QAA7BA,SAA6B;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB;;AAC5C,0BAA6BN,KAAK,CAACO,UAAN,CAAiBL,cAAjB,CAA7B;AAAA,MAAQM,UAAR,qBAAQA,UAAR;AAAA,MAAoBC,IAApB,qBAAoBA,IAApB;;AAEAH,EAAAA,WAAW,mBAAGA,WAAH,uDAAkBG,IAAI,KAAK,MAAtC;AACA,SAAOD,UAAU,IAAIF,WAAd,gBACLL,YAAY,CAAC;AAAK,IAAA,SAAS,EAAEI;AAAhB,KAA4BD,QAA5B,CAAD,EAA8CI,UAA9C,CADP,GAGL,oBAAC,KAAD,CAAO,QAAP,QAAiBJ,QAAjB,CAHF;AAKD,CAXM","sourcesContent":["import * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AppRootContext } from \"./AppRootContext\";\n\nexport const AppRootPortal: React.FC<\n  React.PropsWithChildren<{ className?: string; forcePortal?: boolean }>\n> = ({ children, className, forcePortal }) => {\n  const { portalRoot, mode } = React.useContext(AppRootContext);\n\n  forcePortal = forcePortal ?? mode !== \"full\";\n  return portalRoot && forcePortal ? (\n    createPortal(<div className={className}>{children}</div>, portalRoot)\n  ) : (\n    <React.Fragment>{children}</React.Fragment>\n  );\n};\n"],"file":"AppRootPortal.js"}

package/dist/components/AppRoot/ScrollContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export interface ScrollContextInterface {
     getScroll(): {
         x: number;

package/dist/components/AppRoot/ScrollContext.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 import { noop } from "../../lib/utils";
 import { clamp } from "../../helpers/math";
 export var ScrollContext = /*#__PURE__*/React.createContext({

package/dist/components/AppRoot/ScrollContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AppRoot/ScrollContext.ts"],"names":["React","noop","clamp","ScrollContext","createContext","getScroll","x","y","scrollTo","globalScrollController","window","document","pageXOffset","pageYOffset","body","scrollWidth","innerWidth","scrollHeight","innerHeight","elementScrollController","elRef","current","scrollLeft","scrollTop","el","clientWidth","clientHeight"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AACA,SAASC,KAAT;AAOA,OAAO,IAAMC,aAAa,gBAAGH,KAAK,CAACI,aAAN,CAA4C;AACvEC,EAAAA,SAAS,EAAE;AAAA,WAAO;AAAEC,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE;AAAX,KAAP;AAAA,GAD4D;AAEvEC,EAAAA,QAAQ,EAAEP;AAF6D,CAA5C,CAAtB;AAKP,OAAO,IAAMQ,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,MAAD,EAAiBC,QAAjB;AAAA,SAA6C;AACjFN,IAAAA,SAAS,EAAE;AAAA,aAAO;AAAEC,QAAAA,CAAC,EAAEI,MAAM,CAACE,WAAZ;AAAyBL,QAAAA,CAAC,EAAEG,MAAM,CAACG;AAAnC,OAAP;AAAA,KADsE;AAEjFL,IAAAA,QAAQ,EAAE,oBAAkB;AAAA,UAAjBF,CAAiB,uEAAb,CAAa;AAAA,UAAVC,CAAU,uEAAN,CAAM;AAC1B;AACAG,MAAAA,MAAM,CAACF,QAAP,CACEF,CAAC,GAAGJ,KAAK,CAACI,CAAD,EAAI,CAAJ,EAAOK,QAAQ,CAACG,IAAT,CAAcC,WAAd,GAA4BL,MAAM,CAACM,UAA1C,CAAR,GAAgE,CADnE,EAEET,CAAC,GAAGL,KAAK,CAACK,CAAD,EAAI,CAAJ,EAAOI,QAAQ,CAACG,IAAT,CAAcG,YAAd,GAA6BP,MAAM,CAACQ,WAA3C,CAAR,GAAkE,CAFrE;AAGD;AAPgF,GAA7C;AAAA,CAA/B;AAUP,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD;AAAA,SAA0C;AAC/Ef,IAAAA,SAAS,EAAE;AAAA,aAAO;AAAEC,QAAAA,CAAC,EAAEc,KAAK,CAACC,OAAN,CAAcC,UAAnB;AAA+Bf,QAAAA,CAAC,EAAEa,KAAK,CAACC,OAAN,CAAcE;AAAhD,OAAP;AAAA,KADoE;AAE/Ef,IAAAA,QAAQ,EAAE,oBAAkB;AAAA,UAAjBF,CAAiB,uEAAb,CAAa;AAAA,UAAVC,CAAU,uEAAN,CAAM;AAC1B,UAAMiB,EAAE,GAAGJ,KAAK,CAACC,OAAjB,CAD0B,CAE1B;;AACAG,MAAAA,EAAE,CAAChB,QAAH,CACEF,CAAC,GAAGJ,KAAK,CAACI,CAAD,EAAI,CAAJ,EAAOkB,EAAE,CAACT,WAAH,GAAiBS,EAAE,CAACC,WAA3B,CAAR,GAAkD,CADrD,EAEElB,CAAC,GAAGL,KAAK,CAACK,CAAD,EAAI,CAAJ,EAAOiB,EAAE,CAACP,YAAH,GAAkBO,EAAE,CAACE,YAA5B,CAAR,GAAoD,CAFvD;AAGD;AAR8E,GAA1C;AAAA,CAAhC","sourcesContent":["import * as React from 'react';\nimport { noop } from '../../lib/utils';\nimport { clamp } from '../../helpers/math';\n\nexport interface ScrollContextInterface {\n  getScroll(): { x: number; y: number };\n  scrollTo(x?: number, y?: number): void;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n  getScroll: () => ({ x: 0, y: 0 }),\n  scrollTo: noop,\n});\n\nexport const globalScrollController = (window: Window, document: HTMLDocument) => ({\n  getScroll: () => ({ x: window.pageXOffset, y: window.pageYOffset }),\n  scrollTo: (x = 0, y = 0) => {\n    // Some iOS versions do not normalize scroll — do it manually.\n    window.scrollTo(\n      x ? clamp(x, 0, document.body.scrollWidth - window.innerWidth) : 0,\n      y ? clamp(y, 0, document.body.scrollHeight - window.innerHeight) : 0);\n  },\n});\n\nexport const elementScrollController = (elRef: React.RefObject<HTMLElement>) => ({\n  getScroll: () => ({ x: elRef.current.scrollLeft, y: elRef.current.scrollTop }),\n  scrollTo: (x = 0, y = 0) => {\n    const el = elRef.current;\n    // Some iOS versions do not normalize scroll — do it manually.\n    el.scrollTo(\n      x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n      y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0);\n  },\n});\n"],"file":"ScrollContext.js"}
+{"version":3,"sources":["../../../src/components/AppRoot/ScrollContext.ts"],"names":["React","noop","clamp","ScrollContext","createContext","getScroll","x","y","scrollTo","globalScrollController","window","document","pageXOffset","pageYOffset","body","scrollWidth","innerWidth","scrollHeight","innerHeight","elementScrollController","elRef","current","scrollLeft","scrollTop","el","clientWidth","clientHeight"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AACA,SAASC,KAAT;AAOA,OAAO,IAAMC,aAAa,gBAAGH,KAAK,CAACI,aAAN,CAA4C;AACvEC,EAAAA,SAAS,EAAE;AAAA,WAAO;AAAEC,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE;AAAX,KAAP;AAAA,GAD4D;AAEvEC,EAAAA,QAAQ,EAAEP;AAF6D,CAA5C,CAAtB;AAKP,OAAO,IAAMQ,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCC,MADoC,EAEpCC,QAFoC;AAAA,SAGhC;AACJN,IAAAA,SAAS,EAAE;AAAA,aAAO;AAAEC,QAAAA,CAAC,EAAEI,MAAM,CAACE,WAAZ;AAAyBL,QAAAA,CAAC,EAAEG,MAAM,CAACG;AAAnC,OAAP;AAAA,KADP;AAEJL,IAAAA,QAAQ,EAAE,oBAAkB;AAAA,UAAjBF,CAAiB,uEAAb,CAAa;AAAA,UAAVC,CAAU,uEAAN,CAAM;AAC1B;AACAG,MAAAA,MAAM,CAACF,QAAP,CACEF,CAAC,GAAGJ,KAAK,CAACI,CAAD,EAAI,CAAJ,EAAOK,QAAQ,CAACG,IAAT,CAAcC,WAAd,GAA4BL,MAAM,CAACM,UAA1C,CAAR,GAAgE,CADnE,EAEET,CAAC,GAAGL,KAAK,CAACK,CAAD,EAAI,CAAJ,EAAOI,QAAQ,CAACG,IAAT,CAAcG,YAAd,GAA6BP,MAAM,CAACQ,WAA3C,CAAR,GAAkE,CAFrE;AAID;AARG,GAHgC;AAAA,CAA/B;AAcP,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CACrCC,KADqC;AAAA,SAEjC;AACJf,IAAAA,SAAS,EAAE;AAAA,aAAO;AAChBC,QAAAA,CAAC,EAAEc,KAAK,CAACC,OAAN,CAAcC,UADD;AAEhBf,QAAAA,CAAC,EAAEa,KAAK,CAACC,OAAN,CAAcE;AAFD,OAAP;AAAA,KADP;AAKJf,IAAAA,QAAQ,EAAE,oBAAkB;AAAA,UAAjBF,CAAiB,uEAAb,CAAa;AAAA,UAAVC,CAAU,uEAAN,CAAM;AAC1B,UAAMiB,EAAE,GAAGJ,KAAK,CAACC,OAAjB,CAD0B,CAE1B;;AACAG,MAAAA,EAAE,CAAChB,QAAH,CACEF,CAAC,GAAGJ,KAAK,CAACI,CAAD,EAAI,CAAJ,EAAOkB,EAAE,CAACT,WAAH,GAAiBS,EAAE,CAACC,WAA3B,CAAR,GAAkD,CADrD,EAEElB,CAAC,GAAGL,KAAK,CAACK,CAAD,EAAI,CAAJ,EAAOiB,EAAE,CAACP,YAAH,GAAkBO,EAAE,CAACE,YAA5B,CAAR,GAAoD,CAFvD;AAID;AAZG,GAFiC;AAAA,CAAhC","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\nimport { clamp } from \"../../helpers/math\";\n\nexport interface ScrollContextInterface {\n  getScroll(): { x: number; y: number };\n  scrollTo(x?: number, y?: number): void;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n  getScroll: () => ({ x: 0, y: 0 }),\n  scrollTo: noop,\n});\n\nexport const globalScrollController = (\n  window: Window,\n  document: HTMLDocument\n) => ({\n  getScroll: () => ({ x: window.pageXOffset, y: window.pageYOffset }),\n  scrollTo: (x = 0, y = 0) => {\n    // Some iOS versions do not normalize scroll — do it manually.\n    window.scrollTo(\n      x ? clamp(x, 0, document.body.scrollWidth - window.innerWidth) : 0,\n      y ? clamp(y, 0, document.body.scrollHeight - window.innerHeight) : 0\n    );\n  },\n});\n\nexport const elementScrollController = (\n  elRef: React.RefObject<HTMLElement>\n) => ({\n  getScroll: () => ({\n    x: elRef.current.scrollLeft,\n    y: elRef.current.scrollTop,\n  }),\n  scrollTo: (x = 0, y = 0) => {\n    const el = elRef.current;\n    // Some iOS versions do not normalize scroll — do it manually.\n    el.scrollTo(\n      x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n      y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0\n    );\n  },\n});\n"],"file":"ScrollContext.js"}

package/dist/components/Avatar/Avatar.d.ts

@@ -1,13 +1,20 @@
-import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
-import './Avatar.css';
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./Avatar.css";
 export interface AvatarProps extends React.ImgHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLImageElement> {
     /**
      * Рекомендуемый сет значений: 96 | 88 | 80 | 72 | 64 | 56 | 48 | 44 | 40 | 36 | 32 | 28 | 24
      */
     size?: number;
-    mode?: 'default' | 'image' | 'app';
+    mode?: "default" | "image" | "app";
     shadow?: boolean;
+    badge?: "online" | "online-mobile" | JSX.Element;
+    overlayIcon?: JSX.Element;
+    overlayMode?: "dark" | "light";
+    /**
+     * Поведение показа overlay: "hover" - при наведении, "always" - всегда
+     */
+    overlayAction?: "hover" | "always";
 }
 declare const Avatar: React.FC<AvatarProps>;
 export declare const AVATAR_DEFAULT_SIZE = 48;