@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/ActionSheet/ActionSheet.js

@@ -1,114 +1,113 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem", "popupDirection", "popupOffsetDistance"];
-import * as React from 'react';
-import { noop } from '@vkontakte/vkjs';
-import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
-import { useObjectMemo } from '../../hooks/useObjectMemo';
-import { usePlatform } from '../../hooks/usePlatform';
-import { useTimeout } from '../../hooks/useTimeout';
-import { Platform } from '../../lib/platform';
-import { useScrollLock } from '../AppRoot/ScrollContext';
-import { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';
-import { Footnote } from '../Typography/Footnote/Footnote';
-import { ActionSheetContext } from './ActionSheetContext';
-import { ActionSheetDropdown } from './ActionSheetDropdown';
-import { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import * as React from "react";
+import { noop } from "@vkontakte/vkjs";
+import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
+import { useObjectMemo } from "../../hooks/useObjectMemo";
+import { usePlatform } from "../../hooks/usePlatform";
+import { useTimeout } from "../../hooks/useTimeout";
+import { Platform } from "../../lib/platform";
+import { useScrollLock } from "../AppRoot/ScrollContext";
+import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper";
+import { Footnote } from "../Typography/Footnote/Footnote";
+import { ActionSheetContext } from "./ActionSheetContext";
+import { ActionSheetDropdown } from "./ActionSheetDropdown";
+import { ActionSheetDropdownDesktop } from "./ActionSheetDropdownDesktop";
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
- */
-export 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 = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    closing = _React$useState2[0],
-    setClosing = _React$useState2[1];
-  var onClose = function onClose() {
-    return setClosing(true);
-  };
-  var _action = React.useRef(noop);
-  var afterClose = function afterClose() {
-    restProps.onClose();
-    _action.current();
-    _action.current = noop;
-  };
-  var _useAdaptivityWithJSM = useAdaptivityWithJSMediaQueries(),
-    isDesktop = _useAdaptivityWithJSM.isDesktop;
-  useScrollLock(!isDesktop);
-  var timeout = platform === Platform.IOS ? 300 : 200;
-  if (isDesktop) {
-    timeout = 0;
-  }
-  var fallbackTransitionFinish = useTimeout(afterClose, timeout);
-  React.useEffect(function () {
-    if (closing) {
-      fallbackTransitionFinish.set();
-    } else {
-      fallbackTransitionFinish.clear();
+ */ export 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 = _object_without_properties(_param, [
+        "children",
+        "className",
+        "header",
+        "text",
+        "style",
+        "iosCloseItem",
+        "popupDirection",
+        "popupOffsetDistance"
+    ]);
+    var platform = usePlatform();
+    var _React_useState = _sliced_to_array(React.useState(false), 2), closing = _React_useState[0], setClosing = _React_useState[1];
+    var onClose = function() {
+        return setClosing(true);
+    };
+    var _action = React.useRef(noop);
+    var afterClose = function() {
+        restProps.onClose();
+        _action.current();
+        _action.current = noop;
+    };
+    var isDesktop = useAdaptivityWithJSMediaQueries().isDesktop;
+    useScrollLock(!isDesktop);
+    var timeout = 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 = 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 = useObjectMemo({
-    onItemClick: onItemClick,
-    isDesktop: isDesktop
-  });
-  var DropdownComponent = isDesktop ? ActionSheetDropdownDesktop : ActionSheetDropdown;
-  var dropdownProps = isDesktop ? Object.assign(restProps, {
-    popupOffsetDistance: popupOffsetDistance,
-    popupDirection: popupDirection
-  }) : restProps;
-  var actionSheet = /*#__PURE__*/React.createElement(ActionSheetContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement(DropdownComponent, _extends({
-    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, {
-    weight: "2",
-    className: "vkuiActionSheet__title"
-  }, header), text && /*#__PURE__*/React.createElement(Footnote, {
-    className: "vkuiActionSheet__text"
-  }, text)), children, platform === Platform.IOS && !isDesktop && iosCloseItem));
-  if (isDesktop) {
-    return actionSheet;
-  }
-  return /*#__PURE__*/React.createElement(PopoutWrapper, {
-    closing: closing,
-    alignY: "bottom",
-    className: className,
-    style: style,
-    onClick: onClose,
-    hasMask: true,
-    fixed: true
-  }, actionSheet);
+    }, []);
+    var contextValue = useObjectMemo({
+        onItemClick: onItemClick,
+        isDesktop: isDesktop
+    });
+    var DropdownComponent = isDesktop ? ActionSheetDropdownDesktop : ActionSheetDropdown;
+    var dropdownProps = isDesktop ? Object.assign(restProps, {
+        popupOffsetDistance: popupOffsetDistance,
+        popupDirection: popupDirection
+    }) : restProps;
+    var actionSheet = /*#__PURE__*/ React.createElement(ActionSheetContext.Provider, {
+        value: contextValue
+    }, /*#__PURE__*/ React.createElement(DropdownComponent, _object_spread_props(_object_spread({
+        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, {
+        weight: "2",
+        className: "vkuiActionSheet__title"
+    }, header), text && /*#__PURE__*/ React.createElement(Footnote, {
+        className: "vkuiActionSheet__text"
+    }, text)), children, platform === Platform.IOS && !isDesktop && iosCloseItem));
+    if (isDesktop) {
+        return actionSheet;
+    }
+    return /*#__PURE__*/ React.createElement(PopoutWrapper, {
+        closing: closing,
+        alignY: "bottom",
+        className: className,
+        style: style,
+        onClick: onClose,
+        hasMask: true,
+        fixed: true
+    }, actionSheet);
 };
+
 //# sourceMappingURL=ActionSheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.js","names":["React","noop","useAdaptivityWithJSMediaQueries","useObjectMemo","usePlatform","useTimeout","Platform","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDropdown","ActionSheetDropdownDesktop","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","popupOffsetDistance","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","isDesktop","timeout","IOS","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","event","persist","contextValue","DropdownComponent","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":["React","noop","useAdaptivityWithJSMediaQueries","useObjectMemo","usePlatform","useTimeout","Platform","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDropdown","ActionSheetDropdownDesktop","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","popupOffsetDistance","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","isDesktop","timeout","IOS","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","event","persist","contextValue","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","undefined","weight","alignY","onClick","hasMask","fixed"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,kBAAkB,QAA0B,uBAAuB;AAC5E,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,0BAA0B,QAAQ,+BAA+B;AAmB1E;;CAEC,GACD,OAAO,IAAMC,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,WAAWnB;IACjB,IAA8BJ,mCAAAA,MAAMwB,QAAQ,CAAC,KAAK,OAA3CC,UAAuBzB,oBAAd0B,aAAc1B;IAC9B,IAAM2B,UAAU;eAAMD,WAAW,IAAI;;IACrC,IAAME,UAAU5B,MAAM6B,MAAM,CAAC5B;IAE7B,IAAM6B,aAAa,WAAM;QACvBR,UAAUK,OAAO;QACjBC,QAAQG,OAAO;QACfH,QAAQG,OAAO,GAAG9B;IACpB;IAEA,IAAM,AAAE+B,YAAc9B,kCAAd8B;IAERzB,cAAc,CAACyB;IAEf,IAAIC,UAAUV,aAAajB,SAAS4B,GAAG,GAAG,MAAM,GAAG;IAEnD,IAAIF,WAAW;QACbC,UAAU;IACZ,CAAC;IAED,IAAME,2BAA2B9B,WAAWyB,YAAYG;IACxDjC,MAAMoC,SAAS,CAAC,WAAM;QACpB,IAAIX,SAAS;YACXU,yBAAyBE,GAAG;QAC9B,OAAO;YACLF,yBAAyBG,KAAK;QAChC,CAAC;IACH,GAAG;QAACb;QAASU;KAAyB;IAEtC,IAAMI,cAAcvC,MAAMwC,WAAW,CACnC,SAACC,QAAQC,iBAAiBC;eAAc,SAACC,OAAU;YACjDA,MAAMC,OAAO;YACbH,mBAAmBA,gBAAgBE;YACnC,IAAID,WAAW;gBACbf,QAAQG,OAAO,GAAG;2BAAMU,UAAUA,OAAOG;;gBACzClB,WAAW,IAAI;YACjB,OAAO;gBACLe,UAAUA,OAAOG;YACnB,CAAC;QACH;OACA,EAAE;IAEJ,IAAME,eAAe3C,cAAc;QAAEoC,aAAAA;QAAaP,WAAAA;IAAU;IAE5D,IAAMe,oBAAoBf,YAAYpB,6BAA6BD,mBAAmB;IAEtF,IAAMqC,gBAAgBhB,YAClBiB,OAAOC,MAAM,CAAC5B,WAAW;QAAED,qBAAAA;QAAqBD,gBAAAA;IAAe,KAC/DE,SAAS;IAEb,IAAM6B,4BACJ,oBAACzC,mBAAmB0C,QAAQ;QAACC,OAAOP;qBAClC,oBAACC;QACCtB,SAASA;QACTQ,SAASA;OACLe;QACJrB,SAASA;QACTZ,WAAWiB,YAAYjB,YAAYuC,SAAS;QAC5CpC,OAAOc,YAAYd,QAAQoC,SAAS;QAEnC,AAACtC,CAAAA,UAAUC,IAAG,mBACb,oBAACD;QAAOD,SAAS;OACdC,wBACC,oBAACP;QAAS8C,QAAO;QAAIxC,SAAS;OAC3BC,SAGJC,sBAAQ,oBAACR;QAASM,SAAS;OAAgCE,QAG/DH,UACAS,aAAajB,SAAS4B,GAAG,IAAI,CAACF,aAAab;IAKlD,IAAIa,WAAW;QACb,OAAOmB;IACT,CAAC;IAED,qBACE,oBAAC3C;QACCiB,SAASA;QACT+B,QAAO;QACPzC,WAAWA;QACXG,OAAOA;QACPuC,SAAS9B;QACT+B,SAAAA,IAAO;QACPC,OAAAA,IAAK;OAEJR;AAGP,EAAE"}

package/dist/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/components/ActionSheet/ActionSheetContext.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetContext.js","names":["React","ActionSheetContext","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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAe9B,OAAO,IAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAa,CAA8B,CAAC,CAAC,CAAC"}
+{"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":["React","ActionSheetContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAe/B,OAAO,IAAMC,qBAAqBD,MAAME,aAAa,CAA8B,CAAC,GAAG"}

package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js

@@ -1,10 +1,11 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { ActionSheetItem } from '../ActionSheetItem/ActionSheetItem';
-export var ActionSheetDefaultIosCloseItem = function ActionSheetDefaultIosCloseItem(props) {
-  return /*#__PURE__*/React.createElement(ActionSheetItem, _extends({
-    autoClose: true,
-    mode: "cancel"
-  }, props), "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C");
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import * as React from "react";
+import { ActionSheetItem } from "../ActionSheetItem/ActionSheetItem";
+export var ActionSheetDefaultIosCloseItem = function(props) {
+    return /*#__PURE__*/ React.createElement(ActionSheetItem, _object_spread({
+        autoClose: true,
+        mode: "cancel"
+    }, props), "Отменить");
 };
+
 //# sourceMappingURL=ActionSheetDefaultIosCloseItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDefaultIosCloseItem.js","names":["React","ActionSheetItem","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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,QAA8B,oCAAoC;AAE1F,OAAO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8B,CAAIC,KAA2B,EAAK;EAC7E,oBACE,oBAAC,eAAe;IAAC,SAAS;IAAC,IAAI,EAAC;EAAQ,GAAKA,KAAK,GAAE,kDAEpD,CAAkB;AAEtB,CAAC"}
+{"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":["React","ActionSheetItem","ActionSheetDefaultIosCloseItem","props","autoClose","mode"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,eAAe,QAA8B,qCAAqC;AAE3F,OAAO,IAAMC,iCAAiC,SAACC,OAAgC;IAC7E,qBACE,oBAACF;QAAgBG,WAAAA,IAAS;QAACC,MAAK;OAAaF,QAAO;AAIxD,EAAE"}

package/dist/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/components/ActionSheet/ActionSheetDropdown.js

@@ -1,28 +1,30 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "closing", "toggleRef", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
-import { usePlatform } from '../../hooks/usePlatform';
-import { SizeType } from '../../lib/adaptivity';
-import { Platform } from '../../lib/platform';
-import { FocusTrap } from '../FocusTrap/FocusTrap';
-var stopPropagation = function stopPropagation(e) {
-  return e.stopPropagation();
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
+import { usePlatform } from "../../hooks/usePlatform";
+import { SizeType } from "../../lib/adaptivity";
+import { Platform } from "../../lib/platform";
+import { FocusTrap } from "../FocusTrap/FocusTrap";
+var stopPropagation = function(e) {
+    return e.stopPropagation();
 };
-export var ActionSheetDropdown = function ActionSheetDropdown(_ref) {
-  var children = _ref.children,
-    closing = _ref.closing,
-    toggleRef = _ref.toggleRef,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivityWithJSM = useAdaptivityWithJSMediaQueries(),
-    sizeY = _useAdaptivityWithJSM.sizeY;
-  var platform = usePlatform();
-  return /*#__PURE__*/React.createElement(FocusTrap, _extends({}, restProps, {
-    onClick: stopPropagation,
-    className: classNames("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", closing && "vkuiActionSheet--closing", sizeY === SizeType.COMPACT && "vkuiActionSheet--sizeY-compact", className)
-  }), children);
+export 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 = _object_without_properties(_param, [
+        "children",
+        "closing",
+        "toggleRef",
+        "className"
+    ]);
+    var sizeY = useAdaptivityWithJSMediaQueries().sizeY;
+    var platform = usePlatform();
+    return /*#__PURE__*/ React.createElement(FocusTrap, _object_spread_props(_object_spread({}, restProps), {
+        onClick: stopPropagation,
+        className: classNames("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", closing && "vkuiActionSheet--closing", sizeY === SizeType.COMPACT && "vkuiActionSheet--sizeY-compact", className)
+    }), children);
 };
+
 //# sourceMappingURL=ActionSheetDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdown.js","names":["React","classNames","useAdaptivityWithJSMediaQueries","usePlatform","SizeType","Platform","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","className","restProps","sizeY","platform","IOS","COMPACT"],"sources":["../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport type ActionSheetDropdownProps = Omit<\n  SharedDropdownProps,\n  'popupDirection' | 'popupOffsetDistance'\n>;\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  className,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        closing && styles['ActionSheet--closing'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,+BAA+B,QAAQ,6CAA6C;AAC7F,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,SAAS,QAAQ,wBAAwB;AAIlD,IAAMC,eAAwC,GAAG,SAA3CA,eAAwC,CAAIC,CAAC;EAAA,OAAKA,CAAC,CAACD,eAAe,EAAE;AAAA;AAO3E,OAAO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmB,OAOL;EAAA,IANzBC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAEPC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,4BAAkBZ,+BAA+B,EAAE;IAA3Ca,KAAK,yBAALA,KAAK;EACb,IAAMC,QAAQ,GAAGb,WAAW,EAAE;EAE9B,oBACE,oBAAC,SAAS,eACJW,SAAS;IACb,OAAO,EAAEP,eAAgB;IACzB,SAAS,EAAEN,UAAU,oBAEnBe,QAAQ,KAAKX,QAAQ,CAACY,GAAG,0BAA8B,EACvDN,OAAO,8BAAkC,EACzCI,KAAK,KAAKX,QAAQ,CAACc,OAAO,oCAAwC,EAClEL,SAAS;EACT,IAEDH,QAAQ,CACC;AAEhB,CAAC"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport type ActionSheetDropdownProps = Omit<\n  SharedDropdownProps,\n  'popupDirection' | 'popupOffsetDistance'\n>;\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  className,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        closing && styles['ActionSheet--closing'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"names":["React","classNames","useAdaptivityWithJSMediaQueries","usePlatform","SizeType","Platform","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","className","restProps","sizeY","platform","onClick","IOS","COMPACT"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,SAAS,QAAQ,yBAAyB;AAInD,IAAMC,kBAA2C,SAACC;WAAMA,EAAED,eAAe;;AAOzE,OAAO,IAAME,sBAAsB,iBAOR;QANzBC,kBAAAA,UACAC,iBAAAA,SACA,6DAA6D;IAC7DC,mBAAAA,WACAC,mBAAAA,WACGC;QALHJ;QACAC;QAEAC;QACAC;;IAGA,IAAM,AAAEE,QAAUb,kCAAVa;IACR,IAAMC,WAAWb;IAEjB,qBACE,oBAACG,mDACKQ;QACJG,SAASV;QACTM,WAAWZ,8BAETe,aAAaX,SAASa,GAAG,4BACzBP,uCACAI,UAAUX,SAASe,OAAO,sCAC1BN;QAGDH;AAGP,EAAE"}

package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js

@@ -1,83 +1,92 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "toggleRef", "closing", "popupDirection", "onClose", "className", "style", "popupOffsetDistance"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
-import { useEffectDev } from '../../hooks/useEffectDev';
-import { useEventListener } from '../../hooks/useEventListener';
-import { usePlatform } from '../../hooks/usePlatform';
-import { SizeType } from '../../lib/adaptivity';
-import { useDOM } from '../../lib/dom';
-import { isRefObject } from '../../lib/isRefObject';
-import { Platform } from '../../lib/platform';
-import { warnOnce } from '../../lib/warnOnce';
-import { FocusTrap } from '../FocusTrap/FocusTrap';
-import { Popper } from '../Popper/Popper';
-var warn = warnOnce('ActionSheet');
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
+import { useEffectDev } from "../../hooks/useEffectDev";
+import { useEventListener } from "../../hooks/useEventListener";
+import { usePlatform } from "../../hooks/usePlatform";
+import { SizeType } from "../../lib/adaptivity";
+import { useDOM } from "../../lib/dom";
+import { isRefObject } from "../../lib/isRefObject";
+import { Platform } from "../../lib/platform";
+import { warnOnce } from "../../lib/warnOnce";
+import { FocusTrap } from "../FocusTrap/FocusTrap";
+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) {
-  var children = _ref.children,
-    toggleRef = _ref.toggleRef,
-    closing = _ref.closing,
-    popupDirection = _ref.popupDirection,
-    onClose = _ref.onClose,
-    className = _ref.className,
-    style = _ref.style,
-    _ref$popupOffsetDista = _ref.popupOffsetDistance,
-    popupOffsetDistance = _ref$popupOffsetDista === void 0 ? 0 : _ref$popupOffsetDista,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useDOM = useDOM(),
-    document = _useDOM.document;
-  var platform = usePlatform();
-  var _useAdaptivityWithJSM = useAdaptivityWithJSMediaQueries(),
-    sizeY = _useAdaptivityWithJSM.sizeY;
-  var elementRef = React.useRef(null);
-  useEffectDev(function () {
-    var toggleEl = getEl(toggleRef);
-    if (!toggleEl) {
-      warn("\u0421\u0432\u043E\u0439\u0441\u0442\u0432\u043E \"toggleRef\" \u043D\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u043D\u043E", 'error');
-    }
-  }, [toggleRef]);
-  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)) {
-      onClose === null || onClose === void 0 ? void 0 : onClose();
-    }
-  });
-  React.useEffect(function () {
-    setTimeout(function () {
-      bodyClickListener.add(document.body);
+export var ActionSheetDropdownDesktop = function(_param) {
+    var children = _param.children, toggleRef = _param.toggleRef, closing = _param.closing, popupDirection = _param.popupDirection, onClose = _param.onClose, className = _param.className, style = _param.style, _param_popupOffsetDistance = _param.popupOffsetDistance, popupOffsetDistance = _param_popupOffsetDistance === void 0 ? 0 : _param_popupOffsetDistance, restProps = _object_without_properties(_param, [
+        "children",
+        "toggleRef",
+        "closing",
+        "popupDirection",
+        "onClose",
+        "className",
+        "style",
+        "popupOffsetDistance"
+    ]);
+    var document = useDOM().document;
+    var platform = usePlatform();
+    var sizeY = useAdaptivityWithJSMediaQueries().sizeY;
+    var elementRef = React.useRef(null);
+    useEffectDev(function() {
+        var toggleEl = getEl(toggleRef);
+        if (!toggleEl) {
+            warn('Свойство "toggleRef" не передано', "error");
+        }
+    }, [
+        toggleRef
+    ]);
+    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)) {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
     });
-  }, [bodyClickListener, document]);
-  var onClick = React.useCallback(function (e) {
-    return e.stopPropagation();
-  }, []);
-  var targetRef = React.useMemo(function () {
-    if (isRefObject(toggleRef)) {
-      return toggleRef;
-    }
-    return {
-      current: toggleRef
-    };
-  }, [toggleRef]);
-  return /*#__PURE__*/React.createElement(Popper, {
-    targetRef: targetRef,
-    offsetDistance: popupOffsetDistance,
-    placement: isPopupDirectionTop ? 'top-end' : 'bottom-end',
-    className: classNames("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", "vkuiActionSheet--desktop", sizeY === SizeType.COMPACT && "vkuiActionSheet--sizeY-compact", className),
-    style: style,
-    getRef: elementRef,
-    forcePortal: false
-  }, /*#__PURE__*/React.createElement(FocusTrap, _extends({
-    onClose: onClose
-  }, restProps, {
-    onClick: onClick
-  }), children));
+    React.useEffect(function() {
+        setTimeout(function() {
+            bodyClickListener.add(document.body);
+        });
+    }, [
+        bodyClickListener,
+        document
+    ]);
+    var onClick = React.useCallback(function(e) {
+        return e.stopPropagation();
+    }, []);
+    var targetRef = React.useMemo(function() {
+        if (isRefObject(toggleRef)) {
+            return toggleRef;
+        }
+        return {
+            current: toggleRef
+        };
+    }, [
+        toggleRef
+    ]);
+    return /*#__PURE__*/ React.createElement(Popper, {
+        targetRef: targetRef,
+        offsetDistance: popupOffsetDistance,
+        placement: isPopupDirectionTop ? "top-end" : "bottom-end",
+        className: classNames("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", "vkuiActionSheet--desktop", sizeY === SizeType.COMPACT && "vkuiActionSheet--sizeY-compact", className),
+        style: style,
+        getRef: elementRef,
+        forcePortal: false
+    }, /*#__PURE__*/ React.createElement(FocusTrap, _object_spread_props(_object_spread({
+        onClose: onClose
+    }, restProps), {
+        onClick: onClick
+    }), children));
 };
+
 //# sourceMappingURL=ActionSheetDropdownDesktop.js.map