@vkontakte/vkui 4.23.0 → 4.24.0

package/dist/components/ActionSheet/ActionSheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":["React","PopoutWrapper","ViewWidth","ViewHeight","IOS","ActionSheetDropdownDesktop","ActionSheetDropdown","hasReactNode","noop","ActionSheetContext","Caption","usePlatform","useTimeout","useAdaptivity","useObjectMemo","warnOnce","warn","ActionSheet","children","className","header","text","style","iosCloseItem","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","process","env","NODE_ENV","viewWidth","viewHeight","hasMouse","isDesktop","SMALL_TABLET","MEDIUM","timeout","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","DropdownComponent","defaultProps","popupDirection"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { ViewWidth, ViewHeight } from '../../hoc/withAdaptivity';\nimport { IOS } from '../../lib/platform';\nimport { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';\nimport { ActionSheetDropdown } from './ActionSheetDropdown';\nimport { hasReactNode, noop } from '../../lib/utils';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport Caption from '../Typography/Caption/Caption';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { SharedDropdownProps, PopupDirection, ToggleRef } from './types';\nimport './ActionSheet.css';\n\nexport interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи. В v5 будет обязательным.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   * В v5 будет обязательным.\n   */\n  toggleRef?: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Только iOS. В v5 будет обязательным.\n   */\n  iosCloseItem?: React.ReactNode;\n}\n\nconst warn = warnOnce('ActionSheet');\n\nexport const ActionSheet: React.FC<ActionSheetProps> = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closing, setClosing] = React.useState(false);\n  const onClose = () => setClosing(true);\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose();\n    _action.current();\n    _action.current = noop;\n  };\n\n  if (process.env.NODE_ENV === 'development' && !restProps.onClose) {\n    warn('can\\'t close on outer click without onClose');\n  }\n\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  let timeout = platform === IOS ? 300 : 200;\n\n  if (isDesktop) {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closing) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closing]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>((action, immediateAction, autoclose) => (event) => {\n    event.persist();\n    immediateAction && immediateAction(event);\n    if (autoclose) {\n      _action.current = () => action && action(event);\n      setClosing(true);\n    } else {\n      action && action(event);\n    }\n  }, []);\n  const contextValue = useObjectMemo({ onItemClick, isDesktop });\n\n  const DropdownComponent = isDesktop\n    ? ActionSheetDropdownDesktop\n    : ActionSheetDropdown;\n\n  return (\n    <PopoutWrapper\n      closing={closing}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={!isDesktop ? onClose : null}\n      hasMask={!isDesktop}\n      fixed={!isDesktop}\n    >\n      <ActionSheetContext.Provider value={contextValue}>\n        <DropdownComponent\n          closing={closing}\n          timeout={timeout}\n          {...restProps as Omit<SharedDropdownProps, 'closing'>}\n          onClose={onClose}\n        >\n          {(hasReactNode(header) || hasReactNode(text)) &&\n            <header vkuiClass=\"ActionSheet__header\">\n              {hasReactNode(header) &&\n                <Caption level=\"1\" weight={platform === IOS ? 'semibold' : 'medium'} vkuiClass=\"ActionSheet__title\">\n                  {header}\n                </Caption>\n              }\n              {hasReactNode(text) && <Caption level=\"1\" weight=\"regular\" vkuiClass=\"ActionSheet__text\">{text}</Caption>}\n            </header>\n          }\n          {children}\n          {platform === IOS && !isDesktop && iosCloseItem}\n        </DropdownComponent>\n      </ActionSheetContext.Provider>\n    </PopoutWrapper>\n  );\n};\n\nActionSheet.defaultProps = {\n  popupDirection: 'bottom',\n};\n"],"file":"ActionSheet.js"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":["React","PopoutWrapper","ViewWidth","ViewHeight","IOS","ActionSheetDropdownDesktop","ActionSheetDropdown","hasReactNode","noop","ActionSheetContext","Caption","usePlatform","useTimeout","useAdaptivity","useObjectMemo","warnOnce","warn","ActionSheet","children","className","header","text","style","iosCloseItem","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","process","env","NODE_ENV","viewWidth","viewHeight","hasMouse","isDesktop","SMALL_TABLET","MEDIUM","timeout","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","DropdownComponent","actionSheet","undefined","defaultProps","popupDirection"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { ViewWidth, ViewHeight } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { ActionSheetDropdownDesktop } from \"./ActionSheetDropdownDesktop\";\nimport { ActionSheetDropdown } from \"./ActionSheetDropdown\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { ActionSheetContext, ItemClickHandler } from \"./ActionSheetContext\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SharedDropdownProps, PopupDirection, ToggleRef } from \"./types\";\nimport \"./ActionSheet.css\";\n\nexport interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи. В v5 будет обязательным.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   * В v5 будет обязательным.\n   */\n  toggleRef?: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Только iOS. В v5 будет обязательным.\n   */\n  iosCloseItem?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"ActionSheet\");\n\nexport const ActionSheet: React.FC<ActionSheetProps> = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closing, setClosing] = React.useState(false);\n  const onClose = () => setClosing(true);\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose();\n    _action.current();\n    _action.current = noop;\n  };\n\n  if (process.env.NODE_ENV === \"development\" && !restProps.onClose) {\n    warn(\"can't close on outer click without onClose\");\n  }\n\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  let timeout = platform === IOS ? 300 : 200;\n\n  if (isDesktop) {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closing) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closing]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    (action, immediateAction, autoclose) => (event) => {\n      event.persist();\n      immediateAction && immediateAction(event);\n      if (autoclose) {\n        _action.current = () => action && action(event);\n        setClosing(true);\n      } else {\n        action && action(event);\n      }\n    },\n    []\n  );\n  const contextValue = useObjectMemo({ onItemClick, isDesktop });\n\n  const DropdownComponent = isDesktop\n    ? ActionSheetDropdownDesktop\n    : ActionSheetDropdown;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...(restProps as Omit<SharedDropdownProps, \"closing\">)}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(hasReactNode(header) || hasReactNode(text)) && (\n          <header vkuiClass=\"ActionSheet__header\">\n            {hasReactNode(header) && (\n              <Caption\n                level=\"1\"\n                weight={platform === IOS ? \"semibold\" : \"medium\"}\n                vkuiClass=\"ActionSheet__title\"\n              >\n                {header}\n              </Caption>\n            )}\n            {hasReactNode(text) && (\n              <Caption level=\"1\" weight=\"regular\" vkuiClass=\"ActionSheet__text\">\n                {text}\n              </Caption>\n            )}\n          </header>\n        )}\n        {children}\n        {platform === IOS && !isDesktop && iosCloseItem}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (isDesktop) {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={closing}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      hasMask\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n\nActionSheet.defaultProps = {\n  popupDirection: \"bottom\",\n};\n"],"file":"ActionSheet.js"}

package/dist/components/ActionSheet/ActionSheetContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export declare type ActionType = (event: React.MouseEvent) => void;
 export declare type ItemClickHandler = (action: ActionType, immediateAction: ActionType, autoclose: boolean) => (event: React.MouseEvent) => void;
 export declare const ActionSheetContext: React.Context<{

package/dist/components/ActionSheet/ActionSheetContext.js

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import * as React from "react";
 export var ActionSheetContext = /*#__PURE__*/React.createContext({});
 //# sourceMappingURL=ActionSheetContext.js.map

package/dist/components/ActionSheet/ActionSheetContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"names":["React","ActionSheetContext","createContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAMA,OAAO,IAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAN,CAG/B,EAH+B,CAA3B","sourcesContent":["import * as React from 'react';\n\nexport type ActionType = (event: React.MouseEvent) => void;\n\nexport type ItemClickHandler = (action: ActionType, immediateAction: ActionType, autoclose: boolean) => (event: React.MouseEvent) => void;\n\nexport const ActionSheetContext = React.createContext<{\n  onItemClick?: ItemClickHandler;\n  isDesktop?: boolean;\n}>({});\n"],"file":"ActionSheetContext.js"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"names":["React","ActionSheetContext","createContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAUA,OAAO,IAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAN,CAG/B,EAH+B,CAA3B","sourcesContent":["import * as React from \"react\";\n\nexport type ActionType = (event: React.MouseEvent) => void;\n\nexport type ItemClickHandler = (\n  action: ActionType,\n  immediateAction: ActionType,\n  autoclose: boolean\n) => (event: React.MouseEvent) => void;\n\nexport const ActionSheetContext = React.createContext<{\n  onItemClick?: ItemClickHandler;\n  isDesktop?: boolean;\n}>({});\n"],"file":"ActionSheetContext.js"}

package/dist/components/ActionSheet/ActionSheetDropdown.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { SharedDropdownProps } from './types';
-import './ActionSheet.css';
+import * as React from "react";
+import { SharedDropdownProps } from "./types";
+import "./ActionSheet.css";
 export declare const ActionSheetDropdown: React.FC<SharedDropdownProps>;

package/dist/components/ActionSheet/ActionSheetDropdown.js

@@ -19,11 +19,11 @@ export var ActionSheetDropdown = function ActionSheetDropdown(_ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
-  var baseClaseName = getClassName('ActionSheet', platform);
+  var baseClaseName = getClassName("ActionSheet", platform);
   return createScopedElement(FocusTrap, _extends({}, restProps, {
     onClick: stopPropagation,
     vkuiClass: classNames(baseClaseName, {
-      'ActionSheet--closing': closing
+      "ActionSheet--closing": closing
     })
   }), children);
 };

package/dist/components/ActionSheet/ActionSheetDropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"names":["getClassName","classNames","usePlatform","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","platform","baseClaseName"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,SAAT;;AAGA,IAAMC,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;AAAA,SAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEA,OAAO,IAAME,mBAAkD,GAAG,SAArDA,mBAAqD,OAO5D;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,cAEI,QAFJA,cAEI;AAAA,MADDC,SACC;;AACJ,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AACA,MAAMW,aAAa,GAAGb,YAAY,CAAC,aAAD,EAAgBY,QAAhB,CAAlC;AAEA,SACE,oBAAC,SAAD,eACMD,SADN;AAEE,IAAA,OAAO,EAAEP,eAFX;AAGE,IAAA,SAAS,EAAEH,UAAU,CAACY,aAAD,EAAgB;AACnC,8BAAwBL;AADW,KAAhB;AAHvB,MAOGD,QAPH,CADF;AAWD,CAtBM","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SharedDropdownProps } from './types';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport './ActionSheet.css';\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport const ActionSheetDropdown: React.FC<SharedDropdownProps> = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  popupDirection,\n  ...restProps\n}) => {\n  const platform = usePlatform();\n  const baseClaseName = getClassName('ActionSheet', platform);\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      vkuiClass={classNames(baseClaseName, {\n        'ActionSheet--closing': closing,\n      })}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"file":"ActionSheetDropdown.js"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"names":["getClassName","classNames","usePlatform","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","platform","baseClaseName"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,SAAT;;AAGA,IAAMC,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;AAAA,SAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEA,OAAO,IAAME,mBAAkD,GAAG,SAArDA,mBAAqD,OAO5D;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,cAEI,QAFJA,cAEI;AAAA,MADDC,SACC;;AACJ,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AACA,MAAMW,aAAa,GAAGb,YAAY,CAAC,aAAD,EAAgBY,QAAhB,CAAlC;AAEA,SACE,oBAAC,SAAD,eACMD,SADN;AAEE,IAAA,OAAO,EAAEP,eAFX;AAGE,IAAA,SAAS,EAAEH,UAAU,CAACY,aAAD,EAAgB;AACnC,8BAAwBL;AADW,KAAhB;AAHvB,MAOGD,QAPH,CADF;AAWD,CAtBM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport \"./ActionSheet.css\";\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport const ActionSheetDropdown: React.FC<SharedDropdownProps> = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  popupDirection,\n  ...restProps\n}) => {\n  const platform = usePlatform();\n  const baseClaseName = getClassName(\"ActionSheet\", platform);\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      vkuiClass={classNames(baseClaseName, {\n        \"ActionSheet--closing\": closing,\n      })}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"file":"ActionSheetDropdown.js"}

package/dist/components/ActionSheet/ActionSheetDropdownDesktop.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { SharedDropdownProps } from './types';
-import './ActionSheet.css';
+import * as React from "react";
+import { SharedDropdownProps } from "./types";
+import "./ActionSheet.css";
 export declare const ActionSheetDropdownDesktop: React.FC<SharedDropdownProps>;

package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js

@@ -1,22 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "toggleRef", "closing", "popupDirection", "onClose"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { useDOM } from "../../lib/dom";
 import { usePlatform } from "../../hooks/usePlatform";
+import { useEffectDev } from "../../hooks/useEffectDev";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { isRefObject } from "../../lib/isRefObject";
 import { warnOnce } from "../../lib/warnOnce";
-import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { useEventListener } from "../../hooks/useEventListener";
 import { FocusTrap } from "../FocusTrap/FocusTrap";
-var warn = warnOnce('ActionSheet');
+import { Popper } from "../Popper/Popper";
+var warn = warnOnce("ActionSheet");
 
 function getEl(ref) {
-  return ref && 'current' in ref ? ref.current : ref;
+  return ref && "current" in ref ? ref.current : ref;
 }
 
 export var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref) {
@@ -28,7 +29,6 @@ export var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var _useDOM = useDOM(),
-      window = _useDOM.window,
       document = _useDOM.document;
 
   var platform = usePlatform();
@@ -37,37 +37,17 @@ export var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref
       sizeY = _useAdaptivity.sizeY;
 
   var elementRef = React.useRef();
-
-  var _React$useState = React.useState({
-    left: 0,
-    top: 0,
-    opacity: 0,
-    pointerEvents: 'none'
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      dropdownStyles = _React$useState2[0],
-      setDropdownStyles = _React$useState2[1];
-
-  useIsomorphicLayoutEffect(function () {
+  useEffectDev(function () {
     var toggleEl = getEl(toggleRef);
 
     if (!toggleEl) {
-      if (process.env.NODE_ENV === 'development') {
-        warn('toggleRef not passed');
-      }
-
-      return;
+      warn("toggleRef not passed");
     }
-
-    var toggleRect = toggleEl.getBoundingClientRect();
-    var elementRect = elementRef.current.getBoundingClientRect();
-    var isTop = popupDirection === 'top' || typeof popupDirection === 'function' && popupDirection(elementRef) === 'top';
-    setDropdownStyles({
-      left: toggleRect.left + toggleRect.width - elementRect.width + window.pageXOffset,
-      top: toggleRect.top + window.pageYOffset + (isTop ? -elementRect.height : toggleRect.height)
-    });
   }, [toggleRef]);
-  var bodyClickListener = useEventListener('click', function (e) {
+  var isPopupDirectionTop = React.useMemo(function () {
+    return popupDirection === "top" || typeof popupDirection === "function" && popupDirection(elementRef) === "top";
+  }, [popupDirection, elementRef]);
+  var bodyClickListener = useEventListener("click", function (e) {
     var dropdownElement = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current;
 
     if (dropdownElement && !dropdownElement.contains(e.target)) {
@@ -82,13 +62,27 @@ export var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref
   var onClick = React.useCallback(function (e) {
     return e.stopPropagation();
   }, []);
-  return createScopedElement(FocusTrap, _extends({
+  var targetRef = React.useMemo(function () {
+    if (isRefObject(toggleRef)) {
+      return toggleRef;
+    }
+
+    var refObject = {
+      current: toggleRef
+    };
+    return refObject;
+  }, [toggleRef]);
+  return createScopedElement(Popper, {
+    targetRef: targetRef,
+    offsetDistance: 0,
+    placement: isPopupDirectionTop ? "top-end" : "bottom-end",
+    vkuiClass: classNames(getClassName("ActionSheet", platform), "ActionSheet--desktop", "ActionSheet--sizeY-".concat(sizeY)),
+    getRef: elementRef,
+    forcePortal: false
+  }, createScopedElement(FocusTrap, _extends({
     onClose: onClose
   }, restProps, {
-    getRootRef: elementRef,
-    onClick: onClick,
-    style: dropdownStyles,
-    vkuiClass: classNames(getClassName('ActionSheet', platform), 'ActionSheet--desktop', "ActionSheet--sizeY-".concat(sizeY))
-  }), children);
+    onClick: onClick
+  }), children));
 };
 //# sourceMappingURL=ActionSheetDropdownDesktop.js.map

package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"names":["React","getClassName","classNames","useDOM","usePlatform","useAdaptivity","warnOnce","useIsomorphicLayoutEffect","useEventListener","FocusTrap","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","restProps","window","document","platform","sizeY","elementRef","useRef","useState","left","top","opacity","pointerEvents","dropdownStyles","setDropdownStyles","toggleEl","process","env","NODE_ENV","toggleRect","getBoundingClientRect","elementRect","isTop","width","pageXOffset","pageYOffset","height","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { useDOM } from '../../lib/dom';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { SharedDropdownProps } from './types';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport './ActionSheet.css';\n\nconst warn = warnOnce('ActionSheet');\nfunction getEl(ref: SharedDropdownProps['toggleRef']): Element | null | undefined {\n  return ref && 'current' in ref ? ref.current : ref as Element | null | undefined;\n}\n\nexport const ActionSheetDropdownDesktop: React.FC<SharedDropdownProps> = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  ...restProps\n}) => {\n  const { window, document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement>();\n\n  const [dropdownStyles, setDropdownStyles] = React.useState<React.CSSProperties>({\n    left: 0,\n    top: 0,\n    opacity: 0,\n    pointerEvents: 'none',\n  });\n  useIsomorphicLayoutEffect(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      if (process.env.NODE_ENV === 'development') {\n        warn('toggleRef not passed');\n      }\n      return;\n    }\n\n    const toggleRect = toggleEl.getBoundingClientRect();\n    const elementRect = elementRef.current.getBoundingClientRect();\n    const isTop = popupDirection === 'top' || typeof popupDirection === 'function' && popupDirection(elementRef) === 'top';\n\n    setDropdownStyles({\n      left: toggleRect.left + toggleRect.width - elementRect.width + window.pageXOffset,\n      top: toggleRect.top + window.pageYOffset + (isTop ? -elementRect.height : toggleRect.height),\n    });\n  }, [toggleRef]);\n\n  const bodyClickListener = useEventListener('click', (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document.body);\n    });\n  }, []);\n\n  const onClick = React.useCallback((e) => e.stopPropagation(), []);\n\n  return (\n    <FocusTrap\n      onClose={onClose}\n      {...restProps}\n      getRootRef={elementRef}\n      onClick={onClick}\n      style={dropdownStyles}\n      vkuiClass={classNames(getClassName('ActionSheet', platform), 'ActionSheet--desktop', `ActionSheet--sizeY-${sizeY}`)}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"file":"ActionSheetDropdownDesktop.js"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"names":["React","getClassName","classNames","useDOM","usePlatform","useEffectDev","useAdaptivity","isRefObject","warnOnce","useEventListener","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","refObject"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,MAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,aAAT;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,gBAAT;AAEA,SAASC,SAAT;AACA,SAASC,MAAT;AAGA,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,aAAD,CAArB;;AACA,SAASK,KAAT,CACEC,GADF,EAE8B;AAC5B,SAAOA,GAAG,IAAI,aAAaA,GAApB,GACHA,GAAG,CAACC,OADD,GAEFD,GAFL;AAGD;;AAED,OAAO,IAAME,0BAAyD,GAAG,SAA5DA,0BAA4D,OAOnE;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,cAGI,QAHJA,cAGI;AAAA,MAFJC,OAEI,QAFJA,OAEI;AAAA,MADDC,SACC;;AACJ,gBAAqBnB,MAAM,EAA3B;AAAA,MAAQoB,QAAR,WAAQA,QAAR;;AACA,MAAMC,QAAQ,GAAGpB,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQmB,KAAR,kBAAQA,KAAR;;AACA,MAAMC,UAAU,GAAG1B,KAAK,CAAC2B,MAAN,EAAnB;AAEAtB,EAAAA,YAAY,CAAC,YAAM;AACjB,QAAMuB,QAAQ,GAAGf,KAAK,CAACK,SAAD,CAAtB;;AACA,QAAI,CAACU,QAAL,EAAe;AACbhB,MAAAA,IAAI,CAAC,sBAAD,CAAJ;AACD;AACF,GALW,EAKT,CAACM,SAAD,CALS,CAAZ;AAOA,MAAMW,mBAAmB,GAAG7B,KAAK,CAAC8B,OAAN,CAC1B;AAAA,WACEV,cAAc,KAAK,KAAnB,IACC,OAAOA,cAAP,KAA0B,UAA1B,IACCA,cAAc,CAACM,UAAD,CAAd,KAA+B,KAHnC;AAAA,GAD0B,EAK1B,CAACN,cAAD,EAAiBM,UAAjB,CAL0B,CAA5B;AAQA,MAAMK,iBAAiB,GAAGtB,gBAAgB,CAAC,OAAD,EAAU,UAACuB,CAAD,EAAmB;AACrE,QAAMC,eAAe,GAAGP,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEX,OAApC;;AACA,QAAIkB,eAAe,IAAI,CAACA,eAAe,CAACC,QAAhB,CAAyBF,CAAC,CAACG,MAA3B,CAAxB,EAAoE;AAClEd,MAAAA,OAAO;AACR;AACF,GALyC,CAA1C;AAOArB,EAAAA,KAAK,CAACoC,SAAN,CAAgB,YAAM;AACpBC,IAAAA,UAAU,CAAC,YAAM;AACfN,MAAAA,iBAAiB,CAACO,GAAlB,CAAsBf,QAAQ,CAACgB,IAA/B;AACD,KAFS,CAAV;AAGD,GAJD,EAIG,EAJH;AAMA,MAAMC,OAAO,GAAGxC,KAAK,CAACyC,WAAN,CAAkB,UAACT,CAAD;AAAA,WAAOA,CAAC,CAACU,eAAF,EAAP;AAAA,GAAlB,EAA8C,EAA9C,CAAhB;AAEA,MAAMC,SAAS,GAAG3C,KAAK,CAAC8B,OAAN,CAAc,YAAM;AACpC,QAAIvB,WAAW,CAAgDW,SAAhD,CAAf,EAA2E;AACzE,aAAOA,SAAP;AACD;;AACD,QAAM0B,SAAS,GAAG;AAAE7B,MAAAA,OAAO,EAAEG;AAAX,KAAlB;AAEA,WAAO0B,SAAP;AACD,GAPiB,EAOf,CAAC1B,SAAD,CAPe,CAAlB;AASA,SACE,oBAAC,MAAD;AACE,IAAA,SAAS,EAAEyB,SADb;AAEE,IAAA,cAAc,EAAE,CAFlB;AAGE,IAAA,SAAS,EAAEd,mBAAmB,GAAG,SAAH,GAAe,YAH/C;AAIE,IAAA,SAAS,EAAE3B,UAAU,CACnBD,YAAY,CAAC,aAAD,EAAgBuB,QAAhB,CADO,EAEnB,sBAFmB,+BAGGC,KAHH,EAJvB;AASE,IAAA,MAAM,EAAEC,UATV;AAUE,IAAA,WAAW,EAAE;AAVf,KAYE,oBAAC,SAAD;AAAW,IAAA,OAAO,EAAEL;AAApB,KAAiCC,SAAjC;AAA4C,IAAA,OAAO,EAAEkB;AAArD,MACGvB,QADH,CAZF,CADF;AAkBD,CAtEM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useDOM } from \"../../lib/dom\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useEffectDev } from \"../../hooks/useEffectDev\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { Popper } from \"../Popper/Popper\";\nimport \"./ActionSheet.css\";\n\nconst warn = warnOnce(\"ActionSheet\");\nfunction getEl(\n  ref: SharedDropdownProps[\"toggleRef\"]\n): Element | null | undefined {\n  return ref && \"current\" in ref\n    ? ref.current\n    : (ref as Element | null | undefined);\n}\n\nexport const ActionSheetDropdownDesktop: React.FC<SharedDropdownProps> = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  ...restProps\n}) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement>();\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(\"toggleRef not passed\");\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === \"top\" ||\n      (typeof popupDirection === \"function\" &&\n        popupDirection(elementRef) === \"top\"),\n    [popupDirection, elementRef]\n  );\n\n  const bodyClickListener = useEventListener(\"click\", (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document.body);\n    });\n  }, []);\n\n  const onClick = React.useCallback((e) => e.stopPropagation(), []);\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps[\"toggleRef\"], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n    const refObject = { current: toggleRef as HTMLElement };\n\n    return refObject;\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={0}\n      placement={isPopupDirectionTop ? \"top-end\" : \"bottom-end\"}\n      vkuiClass={classNames(\n        getClassName(\"ActionSheet\", platform),\n        \"ActionSheet--desktop\",\n        `ActionSheet--sizeY-${sizeY}`\n      )}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"file":"ActionSheetDropdownDesktop.js"}

package/dist/components/ActionSheet/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { FocusTrapProps } from '../FocusTrap/FocusTrap';
-export declare type PopupDirection = 'top' | 'bottom' | ((elRef: React.RefObject<HTMLDivElement>) => 'top' | 'bottom');
+import * as React from "react";
+import { FocusTrapProps } from "../FocusTrap/FocusTrap";
+export declare type PopupDirection = "top" | "bottom" | ((elRef: React.RefObject<HTMLDivElement>) => "top" | "bottom");
 export declare type ToggleRef = Element | null | undefined | React.RefObject<Element>;
 export interface SharedDropdownProps extends React.AllHTMLAttributes<HTMLElement>, FocusTrapProps {
     closing: boolean;

package/dist/components/ActionSheetItem/ActionSheetItem.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './ActionSheetItem.css';
-export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>, React.AnchorHTMLAttributes<HTMLElement>, Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'>, AdaptivityProps {
-    mode?: 'default' | 'destructive' | 'cancel';
+import * as React from "react";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./ActionSheetItem.css";
+export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>, React.AnchorHTMLAttributes<HTMLElement>, Pick<React.InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value">, AdaptivityProps {
+    mode?: "default" | "destructive" | "cancel";
     before?: React.ReactNode;
     meta?: React.ReactNode;
     subtitle?: React.ReactNode;

package/dist/components/ActionSheetItem/ActionSheetItem.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "autoclose", "mode", "meta", "subtitle", "before", "selectable", "value", "name", "checked", "defaultChecked", "onChange", "onClick", "sizeY", "onImmediateClick"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
 import Tappable from "../Tappable/Tappable";
@@ -12,7 +12,7 @@ import Subhead from "../Typography/Subhead/Subhead";
 import Title from "../Typography/Title/Title";
 import Text from "../Typography/Text/Text";
 import { ANDROID, VKCOM } from "../../lib/platform";
-import { Icon16Done, Icon24Done } from '@vkontakte/icons';
+import { Icon16Done, Icon24Done } from "@vkontakte/icons";
 import { ActionSheetContext } from "../ActionSheet/ActionSheetContext";
 import Caption from "../Typography/Caption/Caption";
 import { withAdaptivity, SizeType } from "../../hoc/withAdaptivity";
@@ -44,20 +44,20 @@ var ActionSheetItem = function ActionSheetItem(_ref) {
   } : _React$useContext$onI,
       isDesktop = _React$useContext.isDesktop;
 
-  var Component = restProps.href ? 'a' : 'div';
+  var Component = restProps.href ? "a" : "div";
 
   if (selectable) {
-    Component = 'label';
+    Component = "label";
   }
 
   var isCompact = hasReactNode(subtitle) || hasReactNode(meta) || selectable;
   return createScopedElement(Tappable, _extends({}, restProps, {
     onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, autoclose),
     activeMode: "ActionSheetItem--active",
-    vkuiClass: classNames(getClassName('ActionSheetItem', platform), "ActionSheetItem--".concat(mode), "ActionSheetItem--sizeY-".concat(sizeY), {
-      'ActionSheetItem--compact': isCompact,
-      'ActionSheetItem--desktop': isDesktop,
-      'ActionSheetItem--withSubtitle': hasReactNode(subtitle)
+    vkuiClass: classNames(getClassName("ActionSheetItem", platform), "ActionSheetItem--".concat(mode), "ActionSheetItem--sizeY-".concat(sizeY), {
+      "ActionSheetItem--compact": isCompact,
+      "ActionSheetItem--desktop": isDesktop,
+      "ActionSheetItem--withSubtitle": hasReactNode(subtitle)
     }),
     Component: Component
   }), hasReactNode(before) && createScopedElement("div", {
@@ -67,18 +67,18 @@ var ActionSheetItem = function ActionSheetItem(_ref) {
   }, createScopedElement("div", {
     vkuiClass: "ActionSheetItem__content"
   }, sizeY === SizeType.COMPACT ? createScopedElement(React.Fragment, null, createScopedElement(Text, {
-    weight: mode === 'cancel' ? 'medium' : 'regular',
+    weight: mode === "cancel" ? "medium" : "regular",
     vkuiClass: "ActionSheetItem__children"
   }, children), hasReactNode(meta) && createScopedElement(Text, {
     weight: "regular",
     vkuiClass: "ActionSheetItem__meta"
   }, meta)) : createScopedElement(React.Fragment, null, createScopedElement(Title, {
-    weight: mode === 'cancel' ? 'medium' : 'regular',
-    level: isCompact || hasReactNode(before) || platform === ANDROID ? '3' : '2',
+    weight: mode === "cancel" ? "medium" : "regular",
+    level: isCompact || hasReactNode(before) || platform === ANDROID ? "3" : "2",
     vkuiClass: "ActionSheetItem__children"
   }, children), hasReactNode(meta) && createScopedElement(Title, {
     weight: "regular",
-    level: isCompact || hasReactNode(before) || platform === ANDROID ? '3' : '2',
+    level: isCompact || hasReactNode(before) || platform === ANDROID ? "3" : "2",
     vkuiClass: "ActionSheetItem__meta"
   }, meta))), hasReactNode(subtitle) && (sizeY === SizeType.COMPACT ? createScopedElement(Caption, {
     weight: "regular",
@@ -105,7 +105,7 @@ var ActionSheetItem = function ActionSheetItem(_ref) {
 };
 
 ActionSheetItem.defaultProps = {
-  mode: 'default'
+  mode: "default"
 };
 export default withAdaptivity(ActionSheetItem, {
   sizeY: true

package/dist/components/ActionSheetItem/ActionSheetItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":["React","classNames","getClassName","Tappable","usePlatform","hasReactNode","noop","Subhead","Title","Text","ANDROID","VKCOM","Icon16Done","Icon24Done","ActionSheetContext","Caption","withAdaptivity","SizeType","ActionSheetItem","children","autoclose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","sizeY","onImmediateClick","restProps","platform","useContext","onItemClick","isDesktop","Component","href","isCompact","COMPACT","disabled","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport Tappable from '../Tappable/Tappable';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasReactNode, noop } from '../../lib/utils';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { Icon16Done, Icon24Done } from '@vkontakte/icons';\nimport { ActionSheetContext } from '../ActionSheet/ActionSheetContext';\nimport Caption from '../Typography/Caption/Caption';\nimport { withAdaptivity, AdaptivityProps, SizeType } from '../../hoc/withAdaptivity';\nimport './ActionSheetItem.css';\n\nexport interface ActionSheetItemProps extends\n  React.HTMLAttributes<HTMLElement>,\n  React.AnchorHTMLAttributes<HTMLElement>,\n  Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'>,\n  AdaptivityProps {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  autoclose?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Если autoclose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n}\n\nconst ActionSheetItem: React.FC<ActionSheetItemProps> = ({\n  children,\n  autoclose,\n  mode,\n  meta,\n  subtitle,\n  before,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  sizeY,\n  onImmediateClick,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } = React.useContext(ActionSheetContext);\n\n  let Component: React.ElementType = restProps.href ? 'a' : 'div';\n\n  if (selectable) {\n    Component = 'label';\n  }\n\n  const isCompact = hasReactNode(subtitle) || hasReactNode(meta) || selectable;\n\n  return (\n    <Tappable\n      {...restProps}\n      onClick={selectable ? onClick : onItemClick(onClick, onImmediateClick, autoclose)}\n      activeMode=\"ActionSheetItem--active\"\n      vkuiClass={\n        classNames(\n          getClassName('ActionSheetItem', platform),\n          `ActionSheetItem--${mode}`,\n          `ActionSheetItem--sizeY-${sizeY}`,\n          {\n            'ActionSheetItem--compact': isCompact,\n            'ActionSheetItem--desktop': isDesktop,\n            'ActionSheetItem--withSubtitle': hasReactNode(subtitle),\n          },\n        )\n      }\n      Component={Component}\n    >\n      {hasReactNode(before) && <div vkuiClass=\"ActionSheetItem__before\">{before}</div>}\n      <div vkuiClass=\"ActionSheetItem__container\">\n        <div vkuiClass=\"ActionSheetItem__content\">\n          {sizeY === SizeType.COMPACT ?\n            <React.Fragment>\n              <Text\n                weight={mode === 'cancel' ? 'medium' : 'regular'}\n                vkuiClass=\"ActionSheetItem__children\"\n              >\n                {children}\n              </Text>\n              {hasReactNode(meta) &&\n                <Text\n                  weight=\"regular\"\n                  vkuiClass=\"ActionSheetItem__meta\"\n                >\n                  {meta}\n                </Text>\n              }\n            </React.Fragment>\n            :\n            <React.Fragment>\n              <Title\n                weight={mode === 'cancel' ? 'medium' : 'regular'}\n                level={isCompact || hasReactNode(before) || platform === ANDROID ? '3' : '2'}\n                vkuiClass=\"ActionSheetItem__children\"\n              >\n                {children}\n              </Title>\n              {hasReactNode(meta) &&\n                <Title\n                  weight=\"regular\"\n                  level={isCompact || hasReactNode(before) || platform === ANDROID ? '3' : '2'}\n                  vkuiClass=\"ActionSheetItem__meta\"\n                >\n                  {meta}\n                </Title>\n              }\n            </React.Fragment>\n          }\n        </div>\n        {hasReactNode(subtitle) && (sizeY === SizeType.COMPACT ?\n          <Caption weight=\"regular\" vkuiClass=\"ActionSheetItem__subtitle\" level=\"1\">{subtitle}</Caption>\n          :\n          <Subhead weight=\"regular\" vkuiClass=\"ActionSheetItem__subtitle\">{subtitle}</Subhead>\n        )}\n      </div>\n      {selectable &&\n        <div vkuiClass=\"ActionSheetItem__after\">\n          <input\n            type=\"radio\"\n            vkuiClass=\"ActionSheetItem__radio\"\n            name={name}\n            value={value}\n            onChange={onChange}\n            onClick={onItemClick(noop, noop, autoclose)}\n            defaultChecked={defaultChecked}\n            checked={checked}\n            disabled={restProps.disabled}\n          />\n          <div vkuiClass=\"ActionSheetItem__marker\">\n            {platform === VKCOM ? <Icon24Done /> : <Icon16Done />}\n          </div>\n        </div>\n      }\n    </Tappable>\n  );\n};\n\nActionSheetItem.defaultProps = {\n  mode: 'default',\n};\n\nexport default withAdaptivity(ActionSheetItem, { sizeY: true });\n"],"file":"ActionSheetItem.js"}
+{"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":["React","classNames","getClassName","Tappable","usePlatform","hasReactNode","noop","Subhead","Title","Text","ANDROID","VKCOM","Icon16Done","Icon24Done","ActionSheetContext","Caption","withAdaptivity","SizeType","ActionSheetItem","children","autoclose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","sizeY","onImmediateClick","restProps","platform","useContext","onItemClick","isDesktop","Component","href","isCompact","COMPACT","disabled","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport Title from \"../Typography/Title/Title\";\nimport Text from \"../Typography/Text/Text\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Icon16Done, Icon24Done } from \"@vkontakte/icons\";\nimport { ActionSheetContext } from \"../ActionSheet/ActionSheetContext\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport \"./ActionSheetItem.css\";\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"name\" | \"checked\" | \"value\"\n    >,\n    AdaptivityProps {\n  mode?: \"default\" | \"destructive\" | \"cancel\";\n  before?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  autoclose?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Если autoclose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n}\n\nconst ActionSheetItem: React.FC<ActionSheetItemProps> = ({\n  children,\n  autoclose,\n  mode,\n  meta,\n  subtitle,\n  before,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  sizeY,\n  onImmediateClick,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext(ActionSheetContext);\n\n  let Component: React.ElementType = restProps.href ? \"a\" : \"div\";\n\n  if (selectable) {\n    Component = \"label\";\n  }\n\n  const isCompact = hasReactNode(subtitle) || hasReactNode(meta) || selectable;\n\n  return (\n    <Tappable\n      {...restProps}\n      onClick={\n        selectable ? onClick : onItemClick(onClick, onImmediateClick, autoclose)\n      }\n      activeMode=\"ActionSheetItem--active\"\n      vkuiClass={classNames(\n        getClassName(\"ActionSheetItem\", platform),\n        `ActionSheetItem--${mode}`,\n        `ActionSheetItem--sizeY-${sizeY}`,\n        {\n          \"ActionSheetItem--compact\": isCompact,\n          \"ActionSheetItem--desktop\": isDesktop,\n          \"ActionSheetItem--withSubtitle\": hasReactNode(subtitle),\n        }\n      )}\n      Component={Component}\n    >\n      {hasReactNode(before) && (\n        <div vkuiClass=\"ActionSheetItem__before\">{before}</div>\n      )}\n      <div vkuiClass=\"ActionSheetItem__container\">\n        <div vkuiClass=\"ActionSheetItem__content\">\n          {sizeY === SizeType.COMPACT ? (\n            <React.Fragment>\n              <Text\n                weight={mode === \"cancel\" ? \"medium\" : \"regular\"}\n                vkuiClass=\"ActionSheetItem__children\"\n              >\n                {children}\n              </Text>\n              {hasReactNode(meta) && (\n                <Text weight=\"regular\" vkuiClass=\"ActionSheetItem__meta\">\n                  {meta}\n                </Text>\n              )}\n            </React.Fragment>\n          ) : (\n            <React.Fragment>\n              <Title\n                weight={mode === \"cancel\" ? \"medium\" : \"regular\"}\n                level={\n                  isCompact || hasReactNode(before) || platform === ANDROID\n                    ? \"3\"\n                    : \"2\"\n                }\n                vkuiClass=\"ActionSheetItem__children\"\n              >\n                {children}\n              </Title>\n              {hasReactNode(meta) && (\n                <Title\n                  weight=\"regular\"\n                  level={\n                    isCompact || hasReactNode(before) || platform === ANDROID\n                      ? \"3\"\n                      : \"2\"\n                  }\n                  vkuiClass=\"ActionSheetItem__meta\"\n                >\n                  {meta}\n                </Title>\n              )}\n            </React.Fragment>\n          )}\n        </div>\n        {hasReactNode(subtitle) &&\n          (sizeY === SizeType.COMPACT ? (\n            <Caption\n              weight=\"regular\"\n              vkuiClass=\"ActionSheetItem__subtitle\"\n              level=\"1\"\n            >\n              {subtitle}\n            </Caption>\n          ) : (\n            <Subhead weight=\"regular\" vkuiClass=\"ActionSheetItem__subtitle\">\n              {subtitle}\n            </Subhead>\n          ))}\n      </div>\n      {selectable && (\n        <div vkuiClass=\"ActionSheetItem__after\">\n          <input\n            type=\"radio\"\n            vkuiClass=\"ActionSheetItem__radio\"\n            name={name}\n            value={value}\n            onChange={onChange}\n            onClick={onItemClick(noop, noop, autoclose)}\n            defaultChecked={defaultChecked}\n            checked={checked}\n            disabled={restProps.disabled}\n          />\n          <div vkuiClass=\"ActionSheetItem__marker\">\n            {platform === VKCOM ? <Icon24Done /> : <Icon16Done />}\n          </div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nActionSheetItem.defaultProps = {\n  mode: \"default\",\n};\n\nexport default withAdaptivity(ActionSheetItem, { sizeY: true });\n"],"file":"ActionSheetItem.js"}

package/dist/components/AdaptivityProvider/AdaptivityContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export declare enum SizeType {
     COMPACT = "compact",
     REGULAR = "regular"

package/dist/components/AdaptivityProvider/AdaptivityContext.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { hasHover, hasMouse } from '@vkontakte/vkjs';
+import * as React from "react";
+import { hasHover, hasMouse } from "@vkontakte/vkjs";
 export var SizeType;
 
 (function (SizeType) {

package/dist/components/AdaptivityProvider/AdaptivityContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"names":["React","hasHover","hasMouse","SizeType","ViewWidth","ViewHeight","AdaptivityContext","createContext","sizeX","COMPACT","sizeY","REGULAR","deviceHasHover"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAmBC,QAAnB,QAAmC,iBAAnC;AAEA,WAAYC,QAAZ;;WAAYA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAKZ,WAAYC,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAQZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AAqCZ,OAAO,IAAMC,iBAAiB,gBAAGN,KAAK,CAACO,aAAN,CAAgD;AAC/EC,EAAAA,KAAK,EAAEL,QAAQ,CAACM,OAD+D;AAE/EC,EAAAA,KAAK,EAAEP,QAAQ,CAACQ,OAF+D;AAG/ET,EAAAA,QAAQ,EAARA,QAH+E;AAI/EU,EAAAA,cAAc,EAAEX;AAJ+D,CAAhD,CAA1B","sourcesContent":["import * as React from 'react';\nimport { hasHover, hasMouse } from '@vkontakte/vkjs';\n\nexport enum SizeType {\n  COMPACT = 'compact',\n  REGULAR = 'regular',\n}\n\nexport enum ViewWidth {\n  SMALL_MOBILE = 1,\n  MOBILE,\n  SMALL_TABLET,\n  TABLET,\n  DESKTOP,\n}\n\nexport enum ViewHeight {\n  EXTRA_SMALL = 1,\n  SMALL,\n  MEDIUM\n}\n\nexport interface SizeProps {\n  sizeX?: SizeType;\n  sizeY?: SizeType;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n  /**\n   * @ignore\n   */\n  viewWidth?: ViewWidth;\n  /**\n   * @ignore\n   */\n  viewHeight?: ViewHeight;\n  /**\n   * @ignore\n   */\n  hasMouse?: boolean;\n  /**\n   * @ignore\n   */\n  deviceHasHover?: boolean;\n}\n\nexport interface AdaptivityContextInterface extends SizeProps {\n  viewWidth?: ViewWidth;\n  viewHeight?: ViewHeight;\n  hasMouse?: boolean;\n  deviceHasHover?: boolean;\n}\n\nexport const AdaptivityContext = React.createContext<AdaptivityContextInterface>({\n  sizeX: SizeType.COMPACT,\n  sizeY: SizeType.REGULAR,\n  hasMouse,\n  deviceHasHover: hasHover,\n});\n"],"file":"AdaptivityContext.js"}
+{"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"names":["React","hasHover","hasMouse","SizeType","ViewWidth","ViewHeight","AdaptivityContext","createContext","sizeX","COMPACT","sizeY","REGULAR","deviceHasHover"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAmBC,QAAnB,QAAmC,iBAAnC;AAEA,WAAYC,QAAZ;;WAAYA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAKZ,WAAYC,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAQZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AAqCZ,OAAO,IAAMC,iBAAiB,gBAC5BN,KAAK,CAACO,aAAN,CAAgD;AAC9CC,EAAAA,KAAK,EAAEL,QAAQ,CAACM,OAD8B;AAE9CC,EAAAA,KAAK,EAAEP,QAAQ,CAACQ,OAF8B;AAG9CT,EAAAA,QAAQ,EAARA,QAH8C;AAI9CU,EAAAA,cAAc,EAAEX;AAJ8B,CAAhD,CADK","sourcesContent":["import * as React from \"react\";\nimport { hasHover, hasMouse } from \"@vkontakte/vkjs\";\n\nexport enum SizeType {\n  COMPACT = \"compact\",\n  REGULAR = \"regular\",\n}\n\nexport enum ViewWidth {\n  SMALL_MOBILE = 1,\n  MOBILE,\n  SMALL_TABLET,\n  TABLET,\n  DESKTOP,\n}\n\nexport enum ViewHeight {\n  EXTRA_SMALL = 1,\n  SMALL,\n  MEDIUM,\n}\n\nexport interface SizeProps {\n  sizeX?: SizeType;\n  sizeY?: SizeType;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n  /**\n   * @ignore\n   */\n  viewWidth?: ViewWidth;\n  /**\n   * @ignore\n   */\n  viewHeight?: ViewHeight;\n  /**\n   * @ignore\n   */\n  hasMouse?: boolean;\n  /**\n   * @ignore\n   */\n  deviceHasHover?: boolean;\n}\n\nexport interface AdaptivityContextInterface extends SizeProps {\n  viewWidth?: ViewWidth;\n  viewHeight?: ViewHeight;\n  hasMouse?: boolean;\n  deviceHasHover?: boolean;\n}\n\nexport const AdaptivityContext =\n  React.createContext<AdaptivityContextInterface>({\n    sizeX: SizeType.COMPACT,\n    sizeY: SizeType.REGULAR,\n    hasMouse,\n    deviceHasHover: hasHover,\n  });\n"],"file":"AdaptivityContext.js"}

package/dist/components/AdaptivityProvider/AdaptivityProvider.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { AdaptivityContextInterface } from './AdaptivityContext';
+import * as React from "react";
+import { AdaptivityContextInterface } from "./AdaptivityContext";
 export interface AdaptivityProviderProps extends AdaptivityContextInterface {
     children?: React.ReactNode;
 }

package/dist/components/AdaptivityProvider/AdaptivityProvider.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
-import { hasMouse as _hasMouse, hasHover as _hasHover } from '@vkontakte/vkjs';
+import * as React from "react";
+import { hasMouse as _hasMouse, hasHover as _hasHover } from "@vkontakte/vkjs";
 import { AdaptivityContext, SizeType, ViewHeight, ViewWidth } from "./AdaptivityContext";
 import { useDOM } from "../../lib/dom";
 export var DESKTOP_SIZE = 1280;
@@ -42,9 +42,9 @@ export default function AdaptivityProvider(props) {
     }
 
     onResize();
-    window.addEventListener('resize', onResize, false);
+    window.addEventListener("resize", onResize, false);
     return function () {
-      window.removeEventListener('resize', onResize, false);
+      window.removeEventListener("resize", onResize, false);
     };
   }, [props.viewWidth, props.viewHeight, props.sizeX, props.sizeY, props.hasMouse, props.deviceHasHover]);
   return createScopedElement(AdaptivityContext.Provider, {

package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"names":["React","hasMouse","_hasMouse","hasHover","_hasHover","AdaptivityContext","SizeType","ViewHeight","ViewWidth","useDOM","DESKTOP_SIZE","TABLET_SIZE","SMALL_TABLET_SIZE","MOBILE_SIZE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","AdaptivityProvider","props","adaptivityRef","useRef","useState","updateAdaptivity","window","current","calculateAdaptivity","innerWidth","innerHeight","useEffect","onResize","calculated","viewWidth","viewHeight","sizeX","sizeY","deviceHasHover","addEventListener","removeEventListener","children","windowWidth","windowHeight","SMALL_MOBILE","SMALL","REGULAR","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MEDIUM","EXTRA_SMALL","COMPACT"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { hasMouse as _hasMouse, hasHover as _hasHover } from '@vkontakte/vkjs';\nimport { AdaptivityContext, AdaptivityContextInterface, SizeType, ViewHeight, ViewWidth } from './AdaptivityContext';\nimport { useDOM } from '../../lib/dom';\n\nexport interface AdaptivityProviderProps extends AdaptivityContextInterface {\n  children?: React.ReactNode;\n}\n\nexport const DESKTOP_SIZE = 1280;\nexport const TABLET_SIZE = 1024;\nexport const SMALL_TABLET_SIZE = 768;\nexport const MOBILE_SIZE = 320;\n\nexport const MOBILE_LANDSCAPE_HEIGHT = 414;\nexport const MEDIUM_HEIGHT = 720;\n\nexport default function AdaptivityProvider(props: AdaptivityProviderProps) {\n  const adaptivityRef = React.useRef<AdaptivityContextInterface>(null);\n  const [, updateAdaptivity] = React.useState({});\n\n  const { window } = useDOM();\n\n  if (!adaptivityRef.current) {\n    adaptivityRef.current = calculateAdaptivity(\n      window ? window.innerWidth : 0,\n      window ? window.innerHeight : 0,\n      props,\n    );\n  }\n\n  React.useEffect(() => {\n    function onResize() {\n      const calculated = calculateAdaptivity(window.innerWidth, window.innerHeight, props);\n      const { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover } = adaptivityRef.current;\n\n      if (\n        viewWidth !== calculated.viewWidth ||\n        viewHeight !== calculated.viewHeight ||\n        sizeX !== calculated.sizeX ||\n        sizeY !== calculated.sizeY ||\n        hasMouse !== calculated.hasMouse ||\n        deviceHasHover !== calculated.deviceHasHover\n      ) {\n        adaptivityRef.current = calculated;\n        updateAdaptivity({});\n      }\n    }\n\n    onResize();\n    window.addEventListener('resize', onResize, false);\n\n    return () => {\n      window.removeEventListener('resize', onResize, false);\n    };\n  }, [props.viewWidth, props.viewHeight, props.sizeX, props.sizeY, props.hasMouse, props.deviceHasHover]);\n\n  return (\n    <AdaptivityContext.Provider value={adaptivityRef.current}>\n      {props.children}\n    </AdaptivityContext.Provider>\n  );\n}\n\nfunction calculateAdaptivity(windowWidth: number, windowHeight: number, props: AdaptivityProviderProps) {\n  let viewWidth = ViewWidth.SMALL_MOBILE;\n  let viewHeight = ViewHeight.SMALL;\n  let sizeY = SizeType.REGULAR;\n  let sizeX = SizeType.REGULAR;\n  let hasMouse = props.hasMouse ?? _hasMouse;\n  let deviceHasHover = props.deviceHasHover ?? _hasHover;\n\n  if (windowWidth >= DESKTOP_SIZE) {\n    viewWidth = ViewWidth.DESKTOP;\n  } else if (windowWidth >= TABLET_SIZE) {\n    viewWidth = ViewWidth.TABLET;\n  } else if (windowWidth >= SMALL_TABLET_SIZE) {\n    viewWidth = ViewWidth.SMALL_TABLET;\n  } else if (windowWidth >= MOBILE_SIZE) {\n    viewWidth = ViewWidth.MOBILE;\n  } else {\n    viewWidth = ViewWidth.SMALL_MOBILE;\n  }\n\n  if (windowHeight >= MEDIUM_HEIGHT) {\n    viewHeight = ViewHeight.MEDIUM;\n  } else if (windowHeight > MOBILE_LANDSCAPE_HEIGHT) {\n    viewHeight = ViewHeight.SMALL;\n  } else {\n    viewHeight = ViewHeight.EXTRA_SMALL;\n  }\n\n  props.viewWidth && (viewWidth = props.viewWidth);\n  props.viewHeight && (viewHeight = props.viewHeight);\n\n  if (viewWidth <= ViewWidth.MOBILE) {\n    sizeX = SizeType.COMPACT;\n  }\n\n  if (viewWidth >= ViewWidth.SMALL_TABLET && hasMouse || viewHeight <= ViewHeight.EXTRA_SMALL) {\n    sizeY = SizeType.COMPACT;\n  }\n\n  props.sizeX && (sizeX = props.sizeX);\n  props.sizeY && (sizeY = props.sizeY);\n\n  return { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover };\n}\n"],"file":"AdaptivityProvider.js"}
+{"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"names":["React","hasMouse","_hasMouse","hasHover","_hasHover","AdaptivityContext","SizeType","ViewHeight","ViewWidth","useDOM","DESKTOP_SIZE","TABLET_SIZE","SMALL_TABLET_SIZE","MOBILE_SIZE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","AdaptivityProvider","props","adaptivityRef","useRef","useState","updateAdaptivity","window","current","calculateAdaptivity","innerWidth","innerHeight","useEffect","onResize","calculated","viewWidth","viewHeight","sizeX","sizeY","deviceHasHover","addEventListener","removeEventListener","children","windowWidth","windowHeight","SMALL_MOBILE","SMALL","REGULAR","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MEDIUM","EXTRA_SMALL","COMPACT"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasMouse, hasHover as _hasHover } from \"@vkontakte/vkjs\";\nimport {\n  AdaptivityContext,\n  AdaptivityContextInterface,\n  SizeType,\n  ViewHeight,\n  ViewWidth,\n} from \"./AdaptivityContext\";\nimport { useDOM } from \"../../lib/dom\";\n\nexport interface AdaptivityProviderProps extends AdaptivityContextInterface {\n  children?: React.ReactNode;\n}\n\nexport const DESKTOP_SIZE = 1280;\nexport const TABLET_SIZE = 1024;\nexport const SMALL_TABLET_SIZE = 768;\nexport const MOBILE_SIZE = 320;\n\nexport const MOBILE_LANDSCAPE_HEIGHT = 414;\nexport const MEDIUM_HEIGHT = 720;\n\nexport default function AdaptivityProvider(props: AdaptivityProviderProps) {\n  const adaptivityRef = React.useRef<AdaptivityContextInterface>(null);\n  const [, updateAdaptivity] = React.useState({});\n\n  const { window } = useDOM();\n\n  if (!adaptivityRef.current) {\n    adaptivityRef.current = calculateAdaptivity(\n      window ? window.innerWidth : 0,\n      window ? window.innerHeight : 0,\n      props\n    );\n  }\n\n  React.useEffect(() => {\n    function onResize() {\n      const calculated = calculateAdaptivity(\n        window.innerWidth,\n        window.innerHeight,\n        props\n      );\n      const { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover } =\n        adaptivityRef.current;\n\n      if (\n        viewWidth !== calculated.viewWidth ||\n        viewHeight !== calculated.viewHeight ||\n        sizeX !== calculated.sizeX ||\n        sizeY !== calculated.sizeY ||\n        hasMouse !== calculated.hasMouse ||\n        deviceHasHover !== calculated.deviceHasHover\n      ) {\n        adaptivityRef.current = calculated;\n        updateAdaptivity({});\n      }\n    }\n\n    onResize();\n    window.addEventListener(\"resize\", onResize, false);\n\n    return () => {\n      window.removeEventListener(\"resize\", onResize, false);\n    };\n  }, [\n    props.viewWidth,\n    props.viewHeight,\n    props.sizeX,\n    props.sizeY,\n    props.hasMouse,\n    props.deviceHasHover,\n  ]);\n\n  return (\n    <AdaptivityContext.Provider value={adaptivityRef.current}>\n      {props.children}\n    </AdaptivityContext.Provider>\n  );\n}\n\nfunction calculateAdaptivity(\n  windowWidth: number,\n  windowHeight: number,\n  props: AdaptivityProviderProps\n) {\n  let viewWidth = ViewWidth.SMALL_MOBILE;\n  let viewHeight = ViewHeight.SMALL;\n  let sizeY = SizeType.REGULAR;\n  let sizeX = SizeType.REGULAR;\n  let hasMouse = props.hasMouse ?? _hasMouse;\n  let deviceHasHover = props.deviceHasHover ?? _hasHover;\n\n  if (windowWidth >= DESKTOP_SIZE) {\n    viewWidth = ViewWidth.DESKTOP;\n  } else if (windowWidth >= TABLET_SIZE) {\n    viewWidth = ViewWidth.TABLET;\n  } else if (windowWidth >= SMALL_TABLET_SIZE) {\n    viewWidth = ViewWidth.SMALL_TABLET;\n  } else if (windowWidth >= MOBILE_SIZE) {\n    viewWidth = ViewWidth.MOBILE;\n  } else {\n    viewWidth = ViewWidth.SMALL_MOBILE;\n  }\n\n  if (windowHeight >= MEDIUM_HEIGHT) {\n    viewHeight = ViewHeight.MEDIUM;\n  } else if (windowHeight > MOBILE_LANDSCAPE_HEIGHT) {\n    viewHeight = ViewHeight.SMALL;\n  } else {\n    viewHeight = ViewHeight.EXTRA_SMALL;\n  }\n\n  props.viewWidth && (viewWidth = props.viewWidth);\n  props.viewHeight && (viewHeight = props.viewHeight);\n\n  if (viewWidth <= ViewWidth.MOBILE) {\n    sizeX = SizeType.COMPACT;\n  }\n\n  if (\n    (viewWidth >= ViewWidth.SMALL_TABLET && hasMouse) ||\n    viewHeight <= ViewHeight.EXTRA_SMALL\n  ) {\n    sizeY = SizeType.COMPACT;\n  }\n\n  props.sizeX && (sizeX = props.sizeX);\n  props.sizeY && (sizeY = props.sizeY);\n\n  return { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover };\n}\n"],"file":"AdaptivityProvider.js"}

package/dist/components/Alert/Alert.d.ts

@@ -1,17 +1,17 @@
-import * as React from 'react';
-import { HasPlatform } from '../../types';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import { ButtonProps } from '../Button/Button';
-import './Alert.css';
-export declare type AlertActionInterface = AlertProps['actions'][0] & React.AnchorHTMLAttributes<HTMLElement>;
-export interface AlertAction extends Pick<ButtonProps, 'Component' | 'href'> {
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import { ButtonProps } from "../Button/Button";
+import "./Alert.css";
+export declare type AlertActionInterface = AlertProps["actions"][0] & React.AnchorHTMLAttributes<HTMLElement>;
+export interface AlertAction extends Pick<ButtonProps, "Component" | "href"> {
     title: string;
     action?: VoidFunction;
     autoclose?: boolean;
-    mode: 'cancel' | 'destructive' | 'default';
+    mode: "cancel" | "destructive" | "default";
 }
 export interface AlertProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, AdaptivityProps {
-    actionsLayout?: 'vertical' | 'horizontal';
+    actionsLayout?: "vertical" | "horizontal";
     actions?: AlertAction[];
     header?: React.ReactNode;
     text?: React.ReactNode;