@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/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/cssm/components/Accordion/Accordion.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { classNames } from '@vkontakte/vkjs';
+import { AccordionSummary } from './AccordionSummary';
+import styles from './Accordion.module.css';
+/**
+ * Компонент, позволяет отображать несколько разделов контента в ограниченном
+ * пространстве и сворачивать или разворачивать их пользователем.
+ *
+ * Обертка над details.
+ *
+ * @version 5.3.0
+ * @see  https://vkcom.github.io/VKUI/#/Accordion
+ */ export const Accordion = ({ getRootRef , className , ...restProps })=>/*#__PURE__*/ React.createElement("details", {
+        className: classNames(styles['Accordion'], className),
+        ref: getRootRef,
+        ...restProps
+    });
+Accordion.Summary = AccordionSummary;
+
+//# sourceMappingURL=Accordion.js.map

package/dist/cssm/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":["React","classNames","AccordionSummary","styles","Accordion","getRootRef","className","restProps","details","ref","Summary"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,OAAOC,YAAY,yBAAyB;AAK5C;;;;;;;;CAQC,GACD,OAAO,MAAMC,YAAY,CAAC,EAAEC,WAAU,EAAEC,UAAS,EAAE,GAAGC,WAA2B,iBAC/E,oBAACC;QAAQF,WAAWL,WAAWE,MAAM,CAAC,YAAY,EAAEG;QAAYG,KAAKJ;QAAa,GAAGE,SAAS;OAC9F;AAEFH,UAAUM,OAAO,GAAGR"}

package/dist/cssm/components/Accordion/Accordion.module.css

@@ -0,0 +1 @@
+.vkuiAccordionSummary::-webkit-details-marker{display:none}.vkuiAccordionSummary__icon{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.vkuiAccordion:not([open])>summary .vkuiAccordionSummary__icon--collapse,.vkuiAccordion[open]>summary .vkuiAccordionSummary__icon--expand{display:none}

package/dist/cssm/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/cssm/components/Accordion/AccordionSummary.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';
+import { classNames } from '@vkontakte/vkjs';
+import { SimpleCell } from '../SimpleCell/SimpleCell';
+import styles from './Accordion.module.css';
+/**
+ * Обертка над summary.
+ *
+ * @version 5.3.0
+ * @see  https://vkcom.github.io/VKUI/#/Accordion
+ */ export const AccordionSummary = ({ className , after , before , ExpandIcon =Icon24ChevronDown , CollapseIcon =Icon24ChevronUp , iconPosition ='after' , children , ...restProps })=>{
+    const accordionIcon = // Обертка нужна для правильной работы с отступами в SimpleCell
+    // Без обертки на AccordionSummary__icon--collapse не будет действовать правило `last-child`
+    /*#__PURE__*/ React.createElement("span", {
+        className: "vkuiIcon"
+    }, /*#__PURE__*/ React.createElement(ExpandIcon, {
+        className: classNames(styles['AccordionSummary__icon'], styles['AccordionSummary__icon--expand'])
+    }), /*#__PURE__*/ React.createElement(CollapseIcon, {
+        className: classNames(styles['AccordionSummary__icon'], styles['AccordionSummary__icon--collapse'])
+    }));
+    return /*#__PURE__*/ React.createElement(SimpleCell, {
+        className: classNames(styles['AccordionSummary'], className),
+        Component: "summary",
+        before: /*#__PURE__*/ React.createElement(React.Fragment, null, iconPosition === 'before' && accordionIcon, before),
+        after: /*#__PURE__*/ React.createElement(React.Fragment, null, after, iconPosition === 'after' && accordionIcon),
+        ...restProps
+    }, children);
+};
+
+//# sourceMappingURL=AccordionSummary.js.map

package/dist/cssm/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":["React","Icon24ChevronDown","Icon24ChevronUp","classNames","SimpleCell","styles","AccordionSummary","className","after","before","ExpandIcon","CollapseIcon","iconPosition","children","restProps","accordionIcon","span","Component"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,mBAAmB;AACtE,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,2BAA2B;AACvE,OAAOC,YAAY,yBAAyB;AAiB5C;;;;;CAKC,GACD,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,UAAS,EACTC,MAAK,EACLC,OAAM,EACNC,YAAaT,kBAAiB,EAC9BU,cAAeT,gBAAe,EAC9BU,cAAe,QAAO,EACtBC,SAAQ,EACR,GAAGC,WACmB,GAAK;IAC3B,MAAMC,gBACJ,+DAA+D;IAC/D,4FAA4F;kBAC5F,oBAACC;QAAKT,WAAU;qBACd,oBAACG;QACCH,WAAWJ,WACTE,MAAM,CAAC,yBAAyB,EAChCA,MAAM,CAAC,iCAAiC;sBAG5C,oBAACM;QACCJ,WAAWJ,WACTE,MAAM,CAAC,yBAAyB,EAChCA,MAAM,CAAC,mCAAmC;;IAMlD,qBACE,oBAACD;QACCG,WAAWJ,WAAWE,MAAM,CAAC,mBAAmB,EAAEE;QAClDU,WAAU;QACVR,sBACE,0CACGG,iBAAiB,YAAYG,eAC7BN;QAGLD,qBACE,0CACGA,OACAI,iBAAiB,WAAWG;QAGhC,GAAGD,SAAS;OAEZD;AAGP,EAAE"}

package/dist/cssm/components/ActionSheet/ActionSheet.js

@@ -1,7 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem", "popupDirection", "popupOffsetDistance"];
 import * as React from 'react';
 import { noop } from '@vkontakte/vkjs';
 import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
@@ -15,101 +11,84 @@ import { Footnote } from '../Typography/Footnote/Footnote';
 import { ActionSheetContext } from './ActionSheetContext';
 import { ActionSheetDropdown } from './ActionSheetDropdown';
 import { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';
-import "./ActionSheet.module.css";
+import styles from './ActionSheet.module.css';
 /**
  * @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();
-    }
-  }, [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);
-      }
+ */ export const ActionSheet = ({ children , className , header , text , style , iosCloseItem , popupDirection ='bottom' , popupOffsetDistance , ...restProps })=>{
+    const platform = usePlatform();
+    const [closing, setClosing] = React.useState(false);
+    const onClose = ()=>setClosing(true);
+    const _action = React.useRef(noop);
+    const afterClose = ()=>{
+        restProps.onClose();
+        _action.current();
+        _action.current = noop;
     };
-  }, []);
-  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);
+    const { isDesktop  } = useAdaptivityWithJSMediaQueries();
+    useScrollLock(!isDesktop);
+    let timeout = platform === Platform.IOS ? 300 : 200;
+    if (isDesktop) {
+        timeout = 0;
+    }
+    const fallbackTransitionFinish = useTimeout(afterClose, timeout);
+    React.useEffect(()=>{
+        if (closing) {
+            fallbackTransitionFinish.set();
+        } else {
+            fallbackTransitionFinish.clear();
+        }
+    }, [
+        closing,
+        fallbackTransitionFinish
+    ]);
+    const onItemClick = React.useCallback((action, immediateAction, autoClose)=>(event)=>{
+            event.persist();
+            immediateAction && immediateAction(event);
+            if (autoClose) {
+                _action.current = ()=>action && action(event);
+                setClosing(true);
+            } else {
+                action && action(event);
+            }
+        }, []);
+    const contextValue = useObjectMemo({
+        onItemClick,
+        isDesktop
+    });
+    const DropdownComponent = isDesktop ? ActionSheetDropdownDesktop : ActionSheetDropdown;
+    const dropdownProps = isDesktop ? Object.assign(restProps, {
+        popupOffsetDistance,
+        popupDirection
+    }) : restProps;
+    const actionSheet = /*#__PURE__*/ React.createElement(ActionSheetContext.Provider, {
+        value: contextValue
+    }, /*#__PURE__*/ React.createElement(DropdownComponent, {
+        closing: closing,
+        timeout: timeout,
+        ...dropdownProps,
+        onClose: onClose,
+        className: isDesktop ? className : undefined,
+        style: isDesktop ? style : undefined
+    }, (header || text) && /*#__PURE__*/ React.createElement("header", {
+        className: styles['ActionSheet__header']
+    }, header && /*#__PURE__*/ React.createElement(Footnote, {
+        weight: "2",
+        className: styles['ActionSheet__title']
+    }, header), text && /*#__PURE__*/ React.createElement(Footnote, {
+        className: styles['ActionSheet__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/cssm/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","styles","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","popupOffsetDistance","restProps","platform","closing","setClosing","useState","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;AAE1E,OAAOC,YAAY,2BAA2B;AAiB9C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,SAAQ,EACRC,UAAS,EACTC,OAAM,EACNC,KAAI,EACJC,MAAK,EACLC,aAAY,EACZC,gBAAiB,SAAQ,EACzBC,oBAAmB,EACnB,GAAGC,WACc,GAAK;IACtB,MAAMC,WAAWpB;IACjB,MAAM,CAACqB,SAASC,WAAW,GAAG1B,MAAM2B,QAAQ,CAAC,KAAK;IAClD,MAAMC,UAAU,IAAMF,WAAW,IAAI;IACrC,MAAMG,UAAU7B,MAAM8B,MAAM,CAAC7B;IAE7B,MAAM8B,aAAa,IAAM;QACvBR,UAAUK,OAAO;QACjBC,QAAQG,OAAO;QACfH,QAAQG,OAAO,GAAG/B;IACpB;IAEA,MAAM,EAAEgC,UAAS,EAAE,GAAG/B;IAEtBK,cAAc,CAAC0B;IAEf,IAAIC,UAAUV,aAAalB,SAAS6B,GAAG,GAAG,MAAM,GAAG;IAEnD,IAAIF,WAAW;QACbC,UAAU;IACZ,CAAC;IAED,MAAME,2BAA2B/B,WAAW0B,YAAYG;IACxDlC,MAAMqC,SAAS,CAAC,IAAM;QACpB,IAAIZ,SAAS;YACXW,yBAAyBE,GAAG;QAC9B,OAAO;YACLF,yBAAyBG,KAAK;QAChC,CAAC;IACH,GAAG;QAACd;QAASW;KAAyB;IAEtC,MAAMI,cAAcxC,MAAMyC,WAAW,CACnC,CAACC,QAAQC,iBAAiBC,YAAc,CAACC,QAAU;YACjDA,MAAMC,OAAO;YACbH,mBAAmBA,gBAAgBE;YACnC,IAAID,WAAW;gBACbf,QAAQG,OAAO,GAAG,IAAMU,UAAUA,OAAOG;gBACzCnB,WAAW,IAAI;YACjB,OAAO;gBACLgB,UAAUA,OAAOG;YACnB,CAAC;QACH,GACA,EAAE;IAEJ,MAAME,eAAe5C,cAAc;QAAEqC;QAAaP;IAAU;IAE5D,MAAMe,oBAAoBf,YAAYrB,6BAA6BD,mBAAmB;IAEtF,MAAMsC,gBAAgBhB,YAClBiB,OAAOC,MAAM,CAAC5B,WAAW;QAAED;QAAqBD;IAAe,KAC/DE,SAAS;IAEb,MAAM6B,4BACJ,oBAAC1C,mBAAmB2C,QAAQ;QAACC,OAAOP;qBAClC,oBAACC;QACCvB,SAASA;QACTS,SAASA;QACR,GAAGe,aAAa;QACjBrB,SAASA;QACTZ,WAAWiB,YAAYjB,YAAYuC,SAAS;QAC5CpC,OAAOc,YAAYd,QAAQoC,SAAS;OAEnC,AAACtC,CAAAA,UAAUC,IAAG,mBACb,oBAACD;QAAOD,WAAWH,MAAM,CAAC,sBAAsB;OAC7CI,wBACC,oBAACR;QAAS+C,QAAO;QAAIxC,WAAWH,MAAM,CAAC,qBAAqB;OACzDI,SAGJC,sBAAQ,oBAACT;QAASO,WAAWH,MAAM,CAAC,oBAAoB;OAAGK,QAG/DH,UACAS,aAAalB,SAAS6B,GAAG,IAAI,CAACF,aAAab;IAKlD,IAAIa,WAAW;QACb,OAAOmB;IACT,CAAC;IAED,qBACE,oBAAC5C;QACCiB,SAASA;QACTgC,QAAO;QACPzC,WAAWA;QACXG,OAAOA;QACPuC,SAAS9B;QACT+B,SAAAA,IAAO;QACPC,OAAAA,IAAK;OAEJR;AAGP,EAAE"}

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

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

package/dist/cssm/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,MAAMC,qBAAqBD,MAAME,aAAa,CAA8B,CAAC,GAAG"}

package/dist/cssm/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");
+export const ActionSheetDefaultIosCloseItem = (props)=>{
+    return /*#__PURE__*/ React.createElement(ActionSheetItem, {
+        autoClose: true,
+        mode: "cancel",
+        ...props
+    }, "Отменить");
 };
+
 //# sourceMappingURL=ActionSheetDefaultIosCloseItem.js.map

package/dist/cssm/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,MAAMC,iCAAiC,CAACC,QAAgC;IAC7E,qBACE,oBAACF;QAAgBG,WAAAA,IAAS;QAACC,MAAK;QAAU,GAAGF,KAAK;OAAE;AAIxD,EAAE"}

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

@@ -1,6 +1,3 @@
-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';
@@ -8,22 +5,17 @@ import { usePlatform } from '../../hooks/usePlatform';
 import { SizeType } from '../../lib/adaptivity';
 import { Platform } from '../../lib/platform';
 import { FocusTrap } from '../FocusTrap/FocusTrap';
-import "./ActionSheet.module.css";
-var stopPropagation = function stopPropagation(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);
+import styles from './ActionSheet.module.css';
+const stopPropagation = (e)=>e.stopPropagation();
+export const ActionSheetDropdown = ({ children , closing , // these 2 props are only omitted - ActionSheetDesktop compat
+toggleRef , className , ...restProps })=>{
+    const { sizeY  } = useAdaptivityWithJSMediaQueries();
+    const platform = usePlatform();
+    return /*#__PURE__*/ React.createElement(FocusTrap, {
+        ...restProps,
+        onClick: stopPropagation,
+        className: classNames(styles['ActionSheet'], platform === Platform.IOS && styles['ActionSheet--ios'], closing && styles['ActionSheet--closing'], sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'], className)
+    }, children);
 };
+
 //# sourceMappingURL=ActionSheetDropdown.js.map

package/dist/cssm/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;AAAC;AAInD,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","styles","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;AAEnD,OAAOC,YAAY,2BAA2B;AAE9C,MAAMC,kBAA2C,CAACC,IAAMA,EAAED,eAAe;AAOzE,OAAO,MAAME,sBAAsB,CAAC,EAClCC,SAAQ,EACRC,QAAO,EACP,6DAA6D;AAC7DC,UAAS,EACTC,UAAS,EACT,GAAGC,WACiB,GAAK;IACzB,MAAM,EAAEC,MAAK,EAAE,GAAGd;IAClB,MAAMe,WAAWd;IAEjB,qBACE,oBAACG;QACE,GAAGS,SAAS;QACbG,SAASV;QACTM,WAAWb,WACTM,MAAM,CAAC,cAAc,EACrBU,aAAaZ,SAASc,GAAG,IAAIZ,MAAM,CAAC,mBAAmB,EACvDK,WAAWL,MAAM,CAAC,uBAAuB,EACzCS,UAAUZ,SAASgB,OAAO,IAAIb,MAAM,CAAC,6BAA6B,EAClEO;OAGDH;AAGP,EAAE"}

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

@@ -1,6 +1,3 @@
-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';
@@ -14,71 +11,66 @@ import { Platform } from '../../lib/platform';
 import { warnOnce } from '../../lib/warnOnce';
 import { FocusTrap } from '../FocusTrap/FocusTrap';
 import { Popper } from '../Popper/Popper';
-import "./ActionSheet.module.css";
-var warn = warnOnce('ActionSheet');
+import styles from './ActionSheet.module.css';
+const 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 const ActionSheetDropdownDesktop = ({ children , toggleRef , closing , popupDirection , onClose , className , style , popupOffsetDistance =0 , ...restProps })=>{
+    const { document  } = useDOM();
+    const platform = usePlatform();
+    const { sizeY  } = useAdaptivityWithJSMediaQueries();
+    const elementRef = React.useRef(null);
+    useEffectDev(()=>{
+        const toggleEl = getEl(toggleRef);
+        if (!toggleEl) {
+            warn(`Свойство "toggleRef" не передано`, 'error');
+        }
+    }, [
+        toggleRef
+    ]);
+    const isPopupDirectionTop = React.useMemo(()=>popupDirection === 'top' || typeof popupDirection === 'function' && popupDirection(elementRef) === 'top', [
+        popupDirection,
+        elementRef
+    ]);
+    const bodyClickListener = useEventListener('click', (e)=>{
+        const dropdownElement = elementRef?.current;
+        if (dropdownElement && !dropdownElement.contains(e.target)) {
+            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(()=>{
+        setTimeout(()=>{
+            bodyClickListener.add(document.body);
+        });
+    }, [
+        bodyClickListener,
+        document
+    ]);
+    const onClick = React.useCallback((e)=>e.stopPropagation(), []);
+    const targetRef = React.useMemo(()=>{
+        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(styles['ActionSheet'], platform === Platform.IOS && styles['ActionSheet--ios'], styles['ActionSheet--desktop'], sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'], className),
+        style: style,
+        getRef: elementRef,
+        forcePortal: false
+    }, /*#__PURE__*/ React.createElement(FocusTrap, {
+        onClose: onClose,
+        ...restProps,
+        onClick: onClick
+    }, children));
 };
+
 //# sourceMappingURL=ActionSheetDropdownDesktop.js.map