@vkontakte/vkui 5.2.4 → 5.3.1

package/README.md

@@ -104,7 +104,7 @@ ReactDOM.render(
 
 ## Тестирование
 
-Мы работаем над качеством библиотеки и подвозим тесты. `yarn test` запускает юниты, проверяет типы и линтит. `yarn test:unit` запускает только юниты и поддерживает интерактивный режим с флагом `--watch`. Также мы поддерживаем скриншотные тесты — смотрите наш [гайд по тестированию](https://github.com/VKCOM/VKUI/blob/master/docs/TESTING.md).
+Мы работаем над качеством библиотеки и подвозим тесты. `yarn test` запускает юниты, проверяет типы и линтит. Также мы поддерживаем скриншотные тесты (e2e) и тесты доступности (a11y) — смотрите наш [гайд по тестированию](https://github.com/VKCOM/VKUI/blob/master/docs/TESTING.md).
 
 ## Документация
 

package/dist/cjs/components/Accordion/Accordion.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { HasRootRef } from '../../types';
+export type AccordionProps = React.DetailsHTMLAttributes<HTMLDetailsElement> & HasRootRef<HTMLDetailsElement>;
+/**
+ * Компонент, позволяет отображать несколько разделов контента в ограниченном
+ * пространстве и сворачивать или разворачивать их пользователем.
+ *
+ * Обертка над details.
+ *
+ * @version 5.3.0
+ * @see  https://vkcom.github.io/VKUI/#/Accordion
+ */
+export declare const Accordion: {
+    ({ getRootRef, className, ...restProps }: AccordionProps): JSX.Element;
+    Summary: ({ className, after, before, ExpandIcon, CollapseIcon, iconPosition, children, ...restProps }: import("./AccordionSummary").AccordionSummaryProps) => JSX.Element;
+};

package/dist/cjs/components/Accordion/Accordion.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Accordion", {
+    enumerable: true,
+    get: function() {
+        return Accordion;
+    }
+});
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _vkjs = require("@vkontakte/vkjs");
+var _accordionSummary = require("./AccordionSummary");
+var Accordion = function(_param) /*#__PURE__*/ {
+    var getRootRef = _param.getRootRef, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "getRootRef",
+        "className"
+    ]);
+    return _react.createElement("details", _objectSpread({
+        className: (0, _vkjs.classNames)("vkuiAccordion", className),
+        ref: getRootRef
+    }, restProps));
+};
+Accordion.Summary = _accordionSummary.AccordionSummary;
+
+//# sourceMappingURL=Accordion.js.map

package/dist/cjs/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { AccordionSummary } from './AccordionSummary';\nimport styles from './Accordion.module.css';\n\nexport type AccordionProps = React.DetailsHTMLAttributes<HTMLDetailsElement> &\n  HasRootRef<HTMLDetailsElement>;\n\n/**\n * Компонент, позволяет отображать несколько разделов контента в ограниченном\n * пространстве и сворачивать или разворачивать их пользователем.\n *\n * Обертка над details.\n *\n * @version 5.3.0\n * @see  https://vkcom.github.io/VKUI/#/Accordion\n */\nexport const Accordion = ({ getRootRef, className, ...restProps }: AccordionProps) => (\n  <details className={classNames(styles['Accordion'], className)} ref={getRootRef} {...restProps} />\n);\n\nAccordion.Summary = AccordionSummary;\n"],"names":["Accordion","getRootRef","className","restProps","details","classNames","ref","Summary","AccordionSummary"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;2DAlBU;oBACI;gCAEM;AAe1B,IAAMA,YAAY,+BACvB;QAD0BC,oBAAAA,YAAYC,mBAAAA,WAAcC;QAA1BF;QAAYC;;WACtC,qBAACE;QAAQF,WAAWG,IAAAA,gBAAU,mBAAsBH;QAAYI,KAAKL;OAAgBE;AAAY;AAGnGH,UAAUO,OAAO,GAAGC,kCAAgB"}

package/dist/cjs/components/Accordion/AccordionSummary.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { SimpleCellProps } from '../SimpleCell/SimpleCell';
+export interface AccordionSummaryProps extends Omit<SimpleCellProps, 'expandable'> {
+    /**
+     * Иконка для раскрытия контента.
+     */
+    ExpandIcon?: React.ElementType;
+    /**
+     * Иконка для сворачивания контента.
+     */
+    CollapseIcon?: React.ElementType;
+    /**
+     * Позиция иконки.
+     */
+    iconPosition?: 'before' | 'after';
+}
+/**
+ * Обертка над summary.
+ *
+ * @version 5.3.0
+ * @see  https://vkcom.github.io/VKUI/#/Accordion
+ */
+export declare const AccordionSummary: ({ className, after, before, ExpandIcon, CollapseIcon, iconPosition, children, ...restProps }: AccordionSummaryProps) => JSX.Element;

package/dist/cjs/components/Accordion/AccordionSummary.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AccordionSummary", {
+    enumerable: true,
+    get: function() {
+        return AccordionSummary;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _icons = require("@vkontakte/icons");
+var _vkjs = require("@vkontakte/vkjs");
+var _simpleCell = require("../SimpleCell/SimpleCell");
+var AccordionSummary = function(_param) {
+    var className = _param.className, after = _param.after, before = _param.before, _param_ExpandIcon = _param.ExpandIcon, ExpandIcon = _param_ExpandIcon === void 0 ? _icons.Icon24ChevronDown : _param_ExpandIcon, _param_CollapseIcon = _param.CollapseIcon, CollapseIcon = _param_CollapseIcon === void 0 ? _icons.Icon24ChevronUp : _param_CollapseIcon, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "after" : _param_iconPosition, children = _param.children, restProps = _objectWithoutProperties(_param, [
+        "className",
+        "after",
+        "before",
+        "ExpandIcon",
+        "CollapseIcon",
+        "iconPosition",
+        "children"
+    ]);
+    var accordionIcon = // Обертка нужна для правильной работы с отступами в SimpleCell
+    // Без обертки на AccordionSummary__icon--collapse не будет действовать правило `last-child`
+    /*#__PURE__*/ _react.default.createElement("span", {
+        className: "vkuiIcon"
+    }, /*#__PURE__*/ _react.default.createElement(ExpandIcon, {
+        className: (0, _vkjs.classNames)("vkuiAccordionSummary__icon", "vkuiAccordionSummary__icon--expand")
+    }), /*#__PURE__*/ _react.default.createElement(CollapseIcon, {
+        className: (0, _vkjs.classNames)("vkuiAccordionSummary__icon", "vkuiAccordionSummary__icon--collapse")
+    }));
+    return /*#__PURE__*/ _react.default.createElement(_simpleCell.SimpleCell, _objectSpread({
+        className: (0, _vkjs.classNames)("vkuiAccordionSummary", className),
+        Component: "summary",
+        before: /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, iconPosition === "before" && accordionIcon, before),
+        after: /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, after, iconPosition === "after" && accordionIcon)
+    }, restProps), children);
+};
+
+//# sourceMappingURL=AccordionSummary.js.map

package/dist/cjs/components/Accordion/AccordionSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionSummary.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport styles from './Accordion.module.css';\n\nexport interface AccordionSummaryProps extends Omit<SimpleCellProps, 'expandable'> {\n  /**\n   * Иконка для раскрытия контента.\n   */\n  ExpandIcon?: React.ElementType;\n  /**\n   * Иконка для сворачивания контента.\n   */\n  CollapseIcon?: React.ElementType;\n  /**\n   * Позиция иконки.\n   */\n  iconPosition?: 'before' | 'after';\n}\n\n/**\n * Обертка над summary.\n *\n * @version 5.3.0\n * @see  https://vkcom.github.io/VKUI/#/Accordion\n */\nexport const AccordionSummary = ({\n  className,\n  after,\n  before,\n  ExpandIcon = Icon24ChevronDown,\n  CollapseIcon = Icon24ChevronUp,\n  iconPosition = 'after',\n  children,\n  ...restProps\n}: AccordionSummaryProps) => {\n  const accordionIcon = (\n    // Обертка нужна для правильной работы с отступами в SimpleCell\n    // Без обертки на AccordionSummary__icon--collapse не будет действовать правило `last-child`\n    <span className=\"vkuiIcon\">\n      <ExpandIcon\n        className={classNames(\n          styles['AccordionSummary__icon'],\n          styles['AccordionSummary__icon--expand'],\n        )}\n      />\n      <CollapseIcon\n        className={classNames(\n          styles['AccordionSummary__icon'],\n          styles['AccordionSummary__icon--collapse'],\n        )}\n      />\n    </span>\n  );\n\n  return (\n    <SimpleCell\n      className={classNames(styles['AccordionSummary'], className)}\n      Component=\"summary\"\n      before={\n        <>\n          {iconPosition === 'before' && accordionIcon}\n          {before}\n        </>\n      }\n      after={\n        <>\n          {after}\n          {iconPosition === 'after' && accordionIcon}\n        </>\n      }\n      {...restProps}\n    >\n      {children}\n    </SimpleCell>\n  );\n};\n"],"names":["AccordionSummary","className","after","before","ExpandIcon","Icon24ChevronDown","CollapseIcon","Icon24ChevronUp","iconPosition","children","restProps","accordionIcon","span","classNames","SimpleCell","Component"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;0DA3BK;qBACiC;oBACxB;0BACiB;AAwBrC,IAAMA,mBAAmB,iBASH;QAR3BC,mBAAAA,WACAC,eAAAA,OACAC,gBAAAA,mCACAC,YAAAA,4CAAaC,wBAAiB,mDAC9BC,cAAAA,gDAAeC,sBAAe,qDAC9BC,cAAAA,gDAAe,+BACfC,kBAAAA,UACGC;QAPHT;QACAC;QACAC;QACAC;QACAE;QACAE;QACAC;;IAGA,IAAME,gBACJ,+DAA+D;IAC/D,4FAA4F;kBAC5F,6BAACC;QAAKX,WAAU;qBACd,6BAACG;QACCH,WAAWY,IAAAA,gBAAU;sBAKvB,6BAACP;QACCL,WAAWY,IAAAA,gBAAU;;IAQ3B,qBACE,6BAACC,sBAAU;QACTb,WAAWY,IAAAA,gBAAU,0BAA6BZ;QAClDc,WAAU;QACVZ,sBACE,4DACGK,iBAAiB,YAAYG,eAC7BR;QAGLD,qBACE,4DACGA,OACAM,iBAAiB,WAAWG;OAG7BD,YAEHD;AAGP"}

package/dist/cjs/components/ActionSheet/ActionSheet.js

@@ -1,123 +1,122 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "ActionSheet", {
+    enumerable: true,
+    get: function() {
+        return ActionSheet;
+    }
 });
-exports.ActionSheet = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
 var _useObjectMemo = require("../../hooks/useObjectMemo");
 var _usePlatform = require("../../hooks/usePlatform");
 var _useTimeout = require("../../hooks/useTimeout");
 var _platform = require("../../lib/platform");
-var _ScrollContext = require("../AppRoot/ScrollContext");
-var _PopoutWrapper = require("../PopoutWrapper/PopoutWrapper");
-var _Footnote = require("../Typography/Footnote/Footnote");
-var _ActionSheetContext = require("./ActionSheetContext");
-var _ActionSheetDropdown = require("./ActionSheetDropdown");
-var _ActionSheetDropdownDesktop = require("./ActionSheetDropdownDesktop");
-var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem", "popupDirection", "popupOffsetDistance"];
-/**
- * @see https://vkcom.github.io/VKUI/#/ActionSheet
- */
-var ActionSheet = function ActionSheet(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    header = _ref.header,
-    text = _ref.text,
-    style = _ref.style,
-    iosCloseItem = _ref.iosCloseItem,
-    _ref$popupDirection = _ref.popupDirection,
-    popupDirection = _ref$popupDirection === void 0 ? 'bottom' : _ref$popupDirection,
-    popupOffsetDistance = _ref.popupOffsetDistance,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    closing = _React$useState2[0],
-    setClosing = _React$useState2[1];
-  var onClose = function onClose() {
-    return setClosing(true);
-  };
-  var _action = React.useRef(_vkjs.noop);
-  var afterClose = function afterClose() {
-    restProps.onClose();
-    _action.current();
-    _action.current = _vkjs.noop;
-  };
-  var _useAdaptivityWithJSM = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)(),
-    isDesktop = _useAdaptivityWithJSM.isDesktop;
-  (0, _ScrollContext.useScrollLock)(!isDesktop);
-  var timeout = platform === _platform.Platform.IOS ? 300 : 200;
-  if (isDesktop) {
-    timeout = 0;
-  }
-  var fallbackTransitionFinish = (0, _useTimeout.useTimeout)(afterClose, timeout);
-  React.useEffect(function () {
-    if (closing) {
-      fallbackTransitionFinish.set();
-    } else {
-      fallbackTransitionFinish.clear();
+var _scrollContext = require("../AppRoot/ScrollContext");
+var _popoutWrapper = require("../PopoutWrapper/PopoutWrapper");
+var _footnote = require("../Typography/Footnote/Footnote");
+var _actionSheetContext = require("./ActionSheetContext");
+var _actionSheetDropdown = require("./ActionSheetDropdown");
+var _actionSheetDropdownDesktop = require("./ActionSheetDropdownDesktop");
+var ActionSheet = function(_param) {
+    var children = _param.children, className = _param.className, header = _param.header, text = _param.text, style = _param.style, iosCloseItem = _param.iosCloseItem, _param_popupDirection = _param.popupDirection, popupDirection = _param_popupDirection === void 0 ? "bottom" : _param_popupDirection, popupOffsetDistance = _param.popupOffsetDistance, restProps = _objectWithoutProperties(_param, [
+        "children",
+        "className",
+        "header",
+        "text",
+        "style",
+        "iosCloseItem",
+        "popupDirection",
+        "popupOffsetDistance"
+    ]);
+    var platform = (0, _usePlatform.usePlatform)();
+    var _React_useState = _slicedToArray(_react.useState(false), 2), closing = _React_useState[0], setClosing = _React_useState[1];
+    var onClose = function() {
+        return setClosing(true);
+    };
+    var _action = _react.useRef(_vkjs.noop);
+    var afterClose = function() {
+        restProps.onClose();
+        _action.current();
+        _action.current = _vkjs.noop;
+    };
+    var isDesktop = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)().isDesktop;
+    (0, _scrollContext.useScrollLock)(!isDesktop);
+    var timeout = platform === _platform.Platform.IOS ? 300 : 200;
+    if (isDesktop) {
+        timeout = 0;
     }
-  }, [closing, fallbackTransitionFinish]);
-  var onItemClick = React.useCallback(function (action, immediateAction, autoClose) {
-    return function (event) {
-      event.persist();
-      immediateAction && immediateAction(event);
-      if (autoClose) {
-        _action.current = function () {
-          return action && action(event);
+    var fallbackTransitionFinish = (0, _useTimeout.useTimeout)(afterClose, timeout);
+    _react.useEffect(function() {
+        if (closing) {
+            fallbackTransitionFinish.set();
+        } else {
+            fallbackTransitionFinish.clear();
+        }
+    }, [
+        closing,
+        fallbackTransitionFinish
+    ]);
+    var onItemClick = _react.useCallback(function(action, immediateAction, autoClose) {
+        return function(event) {
+            event.persist();
+            immediateAction && immediateAction(event);
+            if (autoClose) {
+                _action.current = function() {
+                    return action && action(event);
+                };
+                setClosing(true);
+            } else {
+                action && action(event);
+            }
         };
-        setClosing(true);
-      } else {
-        action && action(event);
-      }
-    };
-  }, []);
-  var contextValue = (0, _useObjectMemo.useObjectMemo)({
-    onItemClick: onItemClick,
-    isDesktop: isDesktop
-  });
-  var DropdownComponent = isDesktop ? _ActionSheetDropdownDesktop.ActionSheetDropdownDesktop : _ActionSheetDropdown.ActionSheetDropdown;
-  var dropdownProps = isDesktop ? Object.assign(restProps, {
-    popupOffsetDistance: popupOffsetDistance,
-    popupDirection: popupDirection
-  }) : restProps;
-  var actionSheet = /*#__PURE__*/React.createElement(_ActionSheetContext.ActionSheetContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement(DropdownComponent, (0, _extends2.default)({
-    closing: closing,
-    timeout: timeout
-  }, dropdownProps, {
-    onClose: onClose,
-    className: isDesktop ? className : undefined,
-    style: isDesktop ? style : undefined
-  }), (header || text) && /*#__PURE__*/React.createElement("header", {
-    className: "vkuiActionSheet__header"
-  }, header && /*#__PURE__*/React.createElement(_Footnote.Footnote, {
-    weight: "2",
-    className: "vkuiActionSheet__title"
-  }, header), text && /*#__PURE__*/React.createElement(_Footnote.Footnote, {
-    className: "vkuiActionSheet__text"
-  }, text)), children, platform === _platform.Platform.IOS && !isDesktop && iosCloseItem));
-  if (isDesktop) {
-    return actionSheet;
-  }
-  return /*#__PURE__*/React.createElement(_PopoutWrapper.PopoutWrapper, {
-    closing: closing,
-    alignY: "bottom",
-    className: className,
-    style: style,
-    onClick: onClose,
-    hasMask: true,
-    fixed: true
-  }, actionSheet);
+    }, []);
+    var contextValue = (0, _useObjectMemo.useObjectMemo)({
+        onItemClick: onItemClick,
+        isDesktop: isDesktop
+    });
+    var DropdownComponent = isDesktop ? _actionSheetDropdownDesktop.ActionSheetDropdownDesktop : _actionSheetDropdown.ActionSheetDropdown;
+    var dropdownProps = isDesktop ? Object.assign(restProps, {
+        popupOffsetDistance: popupOffsetDistance,
+        popupDirection: popupDirection
+    }) : restProps;
+    var actionSheet = /*#__PURE__*/ _react.createElement(_actionSheetContext.ActionSheetContext.Provider, {
+        value: contextValue
+    }, /*#__PURE__*/ _react.createElement(DropdownComponent, _objectSpreadProps(_objectSpread({
+        closing: closing,
+        timeout: timeout
+    }, dropdownProps), {
+        onClose: onClose,
+        className: isDesktop ? className : undefined,
+        style: isDesktop ? style : undefined
+    }), (header || text) && /*#__PURE__*/ _react.createElement("header", {
+        className: "vkuiActionSheet__header"
+    }, header && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+        weight: "2",
+        className: "vkuiActionSheet__title"
+    }, header), text && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+        className: "vkuiActionSheet__text"
+    }, text)), children, platform === _platform.Platform.IOS && !isDesktop && iosCloseItem));
+    if (isDesktop) {
+        return actionSheet;
+    }
+    return /*#__PURE__*/ _react.createElement(_popoutWrapper.PopoutWrapper, {
+        closing: closing,
+        alignY: "bottom",
+        className: className,
+        style: style,
+        onClick: onClose,
+        hasMask: true,
+        fixed: true
+    }, actionSheet);
 };
-exports.ActionSheet = ActionSheet;
+
 //# sourceMappingURL=ActionSheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.js","names":["ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","popupOffsetDistance","restProps","platform","usePlatform","React","useState","closing","setClosing","onClose","_action","useRef","noop","afterClose","current","useAdaptivityWithJSMediaQueries","isDesktop","useScrollLock","timeout","Platform","IOS","fallbackTransitionFinish","useTimeout","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","event","persist","contextValue","useObjectMemo","DropdownComponent","ActionSheetDropdownDesktop","ActionSheetDropdown","dropdownProps","Object","assign","actionSheet","undefined"],"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { Platform } from '../../lib/platform';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDropdown } from './ActionSheetDropdown';\nimport { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nexport interface ActionSheetProps\n  extends Pick<SharedDropdownProps, 'toggleRef' | 'popupDirection' | 'popupOffsetDistance'>,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: VoidFunction;\n  /**\n   * Только iOS.\n   */\n  iosCloseItem: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupDirection = 'bottom',\n  popupOffsetDistance,\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  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  useScrollLock(!isDesktop);\n\n  let timeout = platform === 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, fallbackTransitionFinish]);\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 ? ActionSheetDropdownDesktop : ActionSheetDropdown;\n\n  const dropdownProps = isDesktop\n    ? Object.assign(restProps, { popupOffsetDistance, popupDirection })\n    : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...dropdownProps}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(header || text) && (\n          <header className={styles['ActionSheet__header']}>\n            {header && (\n              <Footnote weight=\"2\" className={styles['ActionSheet__title']}>\n                {header}\n              </Footnote>\n            )}\n            {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}\n          </header>\n        )}\n        {children}\n        {platform === 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"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { Platform } from '../../lib/platform';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDropdown } from './ActionSheetDropdown';\nimport { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nexport interface ActionSheetProps\n  extends Pick<SharedDropdownProps, 'toggleRef' | 'popupDirection' | 'popupOffsetDistance'>,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: VoidFunction;\n  /**\n   * Только iOS.\n   */\n  iosCloseItem: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupDirection = 'bottom',\n  popupOffsetDistance,\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  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  useScrollLock(!isDesktop);\n\n  let timeout = platform === 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, fallbackTransitionFinish]);\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 ? ActionSheetDropdownDesktop : ActionSheetDropdown;\n\n  const dropdownProps = isDesktop\n    ? Object.assign(restProps, { popupOffsetDistance, popupDirection })\n    : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...dropdownProps}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(header || text) && (\n          <header className={styles['ActionSheet__header']}>\n            {header && (\n              <Footnote weight=\"2\" className={styles['ActionSheet__title']}>\n                {header}\n              </Footnote>\n            )}\n            {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}\n          </header>\n        )}\n        {children}\n        {platform === 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"],"names":["ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","popupOffsetDistance","restProps","platform","usePlatform","React","useState","closing","setClosing","onClose","_action","useRef","noop","afterClose","current","isDesktop","useAdaptivityWithJSMediaQueries","useScrollLock","timeout","Platform","IOS","fallbackTransitionFinish","useTimeout","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","event","persist","contextValue","useObjectMemo","DropdownComponent","ActionSheetDropdownDesktop","ActionSheetDropdown","dropdownProps","Object","assign","actionSheet","ActionSheetContext","Provider","value","undefined","Footnote","weight","PopoutWrapper","alignY","onClick","hasMask","fixed"],"mappings":";;;;+BAkCaA;;;eAAAA;;;;;;;;2DAlCU;oBACF;+CAC2B;6BAClB;2BACF;0BACD;wBACF;6BACK;6BACA;wBACL;kCAC4B;mCACjB;0CACO;AAsBpC,IAAMA,cAAc,iBAUH;QATtBC,kBAAAA,UACAC,mBAAAA,WACAC,gBAAAA,QACAC,cAAAA,MACAC,eAAAA,OACAC,sBAAAA,6CACAC,gBAAAA,oDAAiB,kCACjBC,6BAAAA,qBACGC;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAA8BC,iCAAAA,OAAMC,QAAQ,CAAC,KAAK,OAA3CC,UAAuBF,oBAAdG,aAAcH;IAC9B,IAAMI,UAAU;eAAMD,WAAW,IAAI;;IACrC,IAAME,UAAUL,OAAMM,MAAM,CAACC,UAAI;IAEjC,IAAMC,aAAa,WAAM;QACvBX,UAAUO,OAAO;QACjBC,QAAQI,OAAO;QACfJ,QAAQI,OAAO,GAAGF,UAAI;IACxB;IAEA,IAAM,AAAEG,YAAcC,IAAAA,gEAA+B,IAA7CD;IAERE,IAAAA,4BAAa,EAAC,CAACF;IAEf,IAAIG,UAAUf,aAAagB,kBAAQ,CAACC,GAAG,GAAG,MAAM,GAAG;IAEnD,IAAIL,WAAW;QACbG,UAAU;IACZ,CAAC;IAED,IAAMG,2BAA2BC,IAAAA,sBAAU,EAACT,YAAYK;IACxDb,OAAMkB,SAAS,CAAC,WAAM;QACpB,IAAIhB,SAAS;YACXc,yBAAyBG,GAAG;QAC9B,OAAO;YACLH,yBAAyBI,KAAK;QAChC,CAAC;IACH,GAAG;QAAClB;QAASc;KAAyB;IAEtC,IAAMK,cAAcrB,OAAMsB,WAAW,CACnC,SAACC,QAAQC,iBAAiBC;eAAc,SAACC,OAAU;YACjDA,MAAMC,OAAO;YACbH,mBAAmBA,gBAAgBE;YACnC,IAAID,WAAW;gBACbpB,QAAQI,OAAO,GAAG;2BAAMc,UAAUA,OAAOG;;gBACzCvB,WAAW,IAAI;YACjB,OAAO;gBACLoB,UAAUA,OAAOG;YACnB,CAAC;QACH;OACA,EAAE;IAEJ,IAAME,eAAeC,IAAAA,4BAAa,EAAC;QAAER,aAAAA;QAAaX,WAAAA;IAAU;IAE5D,IAAMoB,oBAAoBpB,YAAYqB,sDAA0B,GAAGC,wCAAmB;IAEtF,IAAMC,gBAAgBvB,YAClBwB,OAAOC,MAAM,CAACtC,WAAW;QAAED,qBAAAA;QAAqBD,gBAAAA;IAAe,KAC/DE,SAAS;IAEb,IAAMuC,4BACJ,qBAACC,sCAAkB,CAACC,QAAQ;QAACC,OAAOX;qBAClC,qBAACE;QACC5B,SAASA;QACTW,SAASA;OACLoB;QACJ7B,SAASA;QACTd,WAAWoB,YAAYpB,YAAYkD,SAAS;QAC5C/C,OAAOiB,YAAYjB,QAAQ+C,SAAS;QAEnC,AAACjD,CAAAA,UAAUC,IAAG,mBACb,qBAACD;QAAOD,SAAS;OACdC,wBACC,qBAACkD,kBAAQ;QAACC,QAAO;QAAIpD,SAAS;OAC3BC,SAGJC,sBAAQ,qBAACiD,kBAAQ;QAACnD,SAAS;OAAgCE,QAG/DH,UACAS,aAAagB,kBAAQ,CAACC,GAAG,IAAI,CAACL,aAAahB;IAKlD,IAAIgB,WAAW;QACb,OAAO0B;IACT,CAAC;IAED,qBACE,qBAACO,4BAAa;QACZzC,SAASA;QACT0C,QAAO;QACPtD,WAAWA;QACXG,OAAOA;QACPoD,SAASzC;QACT0C,SAAAA,IAAO;QACPC,OAAAA,IAAK;OAEJX;AAGP"}

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-export declare type ActionType<T> = (event: React.MouseEvent<T>) => void;
-export declare type ItemClickHandler<T extends Element = Element> = (action: ActionType<T> | undefined, immediateAction: ActionType<T> | undefined, autoClose: boolean) => (event: React.MouseEvent) => void;
-export declare type ActionSheetContextType<T extends Element = Element> = {
+export type ActionType<T> = (event: React.MouseEvent<T>) => void;
+export type ItemClickHandler<T extends Element = Element> = (action: ActionType<T> | undefined, immediateAction: ActionType<T> | undefined, autoClose: boolean) => (event: React.MouseEvent) => void;
+export type ActionSheetContextType<T extends Element = Element> = {
     onItemClick?: ItemClickHandler<T>;
     isDesktop?: boolean;
 };

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

@@ -1,11 +1,15 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "ActionSheetContext", {
+    enumerable: true,
+    get: function() {
+        return ActionSheetContext;
+    }
 });
-exports.ActionSheetContext = void 0;
-var React = _interopRequireWildcard(require("react"));
-var ActionSheetContext = /*#__PURE__*/React.createContext({});
-exports.ActionSheetContext = ActionSheetContext;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var ActionSheetContext = _react.createContext({});
+
 //# sourceMappingURL=ActionSheetContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetContext.js","names":["ActionSheetContext","React","createContext"],"sources":["../../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (\n  action: ActionType<T> | undefined,\n  immediateAction: ActionType<T> | undefined,\n  autoClose: boolean,\n) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  isDesktop?: boolean;\n};\n\nexport const ActionSheetContext = React.createContext<ActionSheetContextType<any>>({});\n"],"mappings":";;;;;;;AAAA;AAeO,IAAMA,kBAAkB,gBAAGC,KAAK,CAACC,aAAa,CAA8B,CAAC,CAAC,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (\n  action: ActionType<T> | undefined,\n  immediateAction: ActionType<T> | undefined,\n  autoClose: boolean,\n) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  isDesktop?: boolean;\n};\n\nexport const ActionSheetContext = React.createContext<ActionSheetContextType<any>>({});\n"],"names":["ActionSheetContext","React","createContext"],"mappings":";;;;+BAeaA;;;eAAAA;;;;2DAfU;AAehB,IAAMA,qBAAqBC,OAAMC,aAAa,CAA8B,CAAC"}

package/dist/cjs/components/ActionSheet/ActionSheetDefaultIosCloseItem.js

@@ -1,19 +1,22 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "ActionSheetDefaultIosCloseItem", {
+    enumerable: true,
+    get: function() {
+        return ActionSheetDefaultIosCloseItem;
+    }
 });
-exports.ActionSheetDefaultIosCloseItem = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _ActionSheetItem = require("../ActionSheetItem/ActionSheetItem");
-var ActionSheetDefaultIosCloseItem = function ActionSheetDefaultIosCloseItem(props) {
-  return /*#__PURE__*/React.createElement(_ActionSheetItem.ActionSheetItem, (0, _extends2.default)({
-    autoClose: true,
-    mode: "cancel"
-  }, props), "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C");
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _actionSheetItem = require("../ActionSheetItem/ActionSheetItem");
+var ActionSheetDefaultIosCloseItem = function(props) {
+    return /*#__PURE__*/ _react.createElement(_actionSheetItem.ActionSheetItem, _objectSpread({
+        autoClose: true,
+        mode: "cancel"
+    }, props), "Отменить");
 };
-exports.ActionSheetDefaultIosCloseItem = ActionSheetDefaultIosCloseItem;
+
 //# sourceMappingURL=ActionSheetDefaultIosCloseItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDefaultIosCloseItem.js","names":["ActionSheetDefaultIosCloseItem","props"],"sources":["../../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ActionSheetItem, ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\n\nexport const ActionSheetDefaultIosCloseItem = (props: ActionSheetItemProps) => {\n  return (\n    <ActionSheetItem autoClose mode=\"cancel\" {...props}>\n      Отменить\n    </ActionSheetItem>\n  );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AAEO,IAAMA,8BAA8B,GAAG,SAAjCA,8BAA8B,CAAIC,KAA2B,EAAK;EAC7E,oBACE,oBAAC,gCAAe;IAAC,SAAS;IAAC,IAAI,EAAC;EAAQ,GAAKA,KAAK,GAAE,kDAEpD,CAAkB;AAEtB,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ActionSheetItem, ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\n\nexport const ActionSheetDefaultIosCloseItem = (props: ActionSheetItemProps) => {\n  return (\n    <ActionSheetItem autoClose mode=\"cancel\" {...props}>\n      Отменить\n    </ActionSheetItem>\n  );\n};\n"],"names":["ActionSheetDefaultIosCloseItem","props","ActionSheetItem","autoClose","mode"],"mappings":";;;;+BAGaA;;;eAAAA;;;;;2DAHU;+BAC+B;AAE/C,IAAMA,iCAAiC,SAACC,OAAgC;IAC7E,qBACE,qBAACC,gCAAe;QAACC,WAAAA,IAAS;QAACC,MAAK;OAAaH,QAAO;AAIxD"}

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { SharedDropdownProps } from './types';
-export declare type ActionSheetDropdownProps = Omit<SharedDropdownProps, 'popupDirection' | 'popupOffsetDistance'>;
+export type ActionSheetDropdownProps = Omit<SharedDropdownProps, 'popupDirection' | 'popupOffsetDistance'>;
 export declare const ActionSheetDropdown: ({ children, closing, toggleRef, className, ...restProps }: SharedDropdownProps) => JSX.Element;

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

@@ -1,37 +1,41 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "ActionSheetDropdown", {
+    enumerable: true,
+    get: function() {
+        return ActionSheetDropdown;
+    }
 });
-exports.ActionSheetDropdown = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
 var _usePlatform = require("../../hooks/usePlatform");
 var _adaptivity = require("../../lib/adaptivity");
 var _platform = require("../../lib/platform");
-var _FocusTrap = require("../FocusTrap/FocusTrap");
-var _excluded = ["children", "closing", "toggleRef", "className"];
-var stopPropagation = function stopPropagation(e) {
-  return e.stopPropagation();
+var _focusTrap = require("../FocusTrap/FocusTrap");
+var stopPropagation = function(e) {
+    return e.stopPropagation();
 };
-var ActionSheetDropdown = function ActionSheetDropdown(_ref) {
-  var children = _ref.children,
-    closing = _ref.closing,
-    toggleRef = _ref.toggleRef,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useAdaptivityWithJSM = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)(),
-    sizeY = _useAdaptivityWithJSM.sizeY;
-  var platform = (0, _usePlatform.usePlatform)();
-  return /*#__PURE__*/React.createElement(_FocusTrap.FocusTrap, (0, _extends2.default)({}, restProps, {
-    onClick: stopPropagation,
-    className: (0, _vkjs.classNames)("vkuiActionSheet", platform === _platform.Platform.IOS && "vkuiActionSheet--ios", closing && "vkuiActionSheet--closing", sizeY === _adaptivity.SizeType.COMPACT && "vkuiActionSheet--sizeY-compact", className)
-  }), children);
+var ActionSheetDropdown = function(_param) {
+    var children = _param.children, closing = _param.closing, // these 2 props are only omitted - ActionSheetDesktop compat
+    toggleRef = _param.toggleRef, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "children",
+        "closing",
+        "toggleRef",
+        "className"
+    ]);
+    var sizeY = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)().sizeY;
+    var platform = (0, _usePlatform.usePlatform)();
+    return /*#__PURE__*/ _react.createElement(_focusTrap.FocusTrap, _objectSpreadProps(_objectSpread({}, restProps), {
+        onClick: stopPropagation,
+        className: (0, _vkjs.classNames)("vkuiActionSheet", platform === _platform.Platform.IOS && "vkuiActionSheet--ios", closing && "vkuiActionSheet--closing", sizeY === _adaptivity.SizeType.COMPACT && "vkuiActionSheet--sizeY-compact", className)
+    }), children);
 };
-exports.ActionSheetDropdown = ActionSheetDropdown;
+
 //# sourceMappingURL=ActionSheetDropdown.js.map