@vkontakte/vkui 5.0.0 → 5.0.2

package/README.md

@@ -14,9 +14,19 @@ VKUI — это библиотека адаптивных React-компонен
 
 ## Установка
 
-`npm i @vkontakte/vkui` или `yarn add @vkontakte/vkui`
+**npm:**
 
-**Важно:** Нужно установить вручную [`peerDependencies`](package.json#L104-L112), либо использовать npm7+ который делает это автоматически.
+```sh
+npm i @vkontakte/vkui @vkontakte/icons @vkontakte/vk-bridge
+```
+
+**yarn:**
+
+```sh
+yarn add @vkontakte/vkui @vkontakte/icons @vkontakte/vk-bridge
+```
+
+> _Обратите внимание_: мы поддерживаем [react](https://www.npmjs.com/package/react) и [react-dom](https://www.npmjs.com/package/react-dom) `^17.0.0` и `^18.1.0`
 
 ## Hello World
 

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { SharedDropdownProps } from "./types";
+export interface ActionSheetProps extends Pick<SharedDropdownProps, "toggleRef" | "popupDirection" | "popupOffsetDistance">, React.HTMLAttributes<HTMLDivElement> {
+    header?: React.ReactNode;
+    text?: React.ReactNode;
+    /**
+     * Закрыть попап по клику снаружи.
+     */
+    onClose: VoidFunction;
+    /**
+     * Только iOS.
+     */
+    iosCloseItem: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ActionSheet
+ */
+export declare const ActionSheet: ({ children, className, header, text, style, iosCloseItem, popupDirection, popupOffsetDistance, ...restProps }: ActionSheetProps) => JSX.Element;

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

@@ -1,94 +1,63 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionSheet = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 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 _PopoutWrapper = require("../PopoutWrapper/PopoutWrapper");
-
 var _platform = require("../../lib/platform");
-
 var _ActionSheetDropdownDesktop = require("./ActionSheetDropdownDesktop");
-
 var _ActionSheetDropdown = require("./ActionSheetDropdown");
-
 var _utils = require("../../lib/utils");
-
 var _ActionSheetContext = require("./ActionSheetContext");
-
 var _Footnote = require("../Typography/Footnote/Footnote");
-
 var _usePlatform = require("../../hooks/usePlatform");
-
 var _useTimeout = require("../../hooks/useTimeout");
-
-var _useAdaptivityWithMediaQueries = require("../../hooks/useAdaptivityWithMediaQueries");
-
+var _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
 var _useObjectMemo = require("../../hooks/useObjectMemo");
-
 var _ScrollContext = require("../AppRoot/ScrollContext");
-
-var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem", "popupDirection"];
-
+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,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    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];
-
+    _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(_utils.noop);
-
   var afterClose = function afterClose() {
     restProps.onClose();
-
     _action.current();
-
     _action.current = _utils.noop;
   };
-
-  var _useAdaptivityWithMed = (0, _useAdaptivityWithMediaQueries.useAdaptivityWithMediaQueries)(),
-      isDesktop = _useAdaptivityWithMed.isDesktop;
-
+  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) {
@@ -101,12 +70,10 @@ var ActionSheet = function ActionSheet(_ref) {
     return function (event) {
       event.persist();
       immediateAction && immediateAction(event);
-
       if (autoClose) {
         _action.current = function () {
           return action && action(event);
         };
-
         setClosing(true);
       } else {
         action && action(event);
@@ -118,30 +85,31 @@ var ActionSheet = function ActionSheet(_ref) {
     isDesktop: isDesktop
   });
   var DropdownComponent = isDesktop ? _ActionSheetDropdownDesktop.ActionSheetDropdownDesktop : _ActionSheetDropdown.ActionSheetDropdown;
-  var actionSheet = (0, _jsxRuntime.createScopedElement)(_ActionSheetContext.ActionSheetContext.Provider, {
+  var dropdownProps = isDesktop ? Object.assign(restProps, {
+    popupOffsetDistance: popupOffsetDistance,
+    popupDirection: popupDirection
+  }) : restProps;
+  var actionSheet = /*#__PURE__*/React.createElement(_ActionSheetContext.ActionSheetContext.Provider, {
     value: contextValue
-  }, (0, _jsxRuntime.createScopedElement)(DropdownComponent, (0, _extends2.default)({
+  }, /*#__PURE__*/React.createElement(DropdownComponent, (0, _extends2.default)({
     closing: closing,
     timeout: timeout
-  }, restProps, {
-    popupDirection: popupDirection,
+  }, dropdownProps, {
     onClose: onClose,
     className: isDesktop ? className : undefined,
     style: isDesktop ? style : undefined
-  }), (header || text) && (0, _jsxRuntime.createScopedElement)("header", {
-    vkuiClass: "ActionSheet__header"
-  }, header && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
+  }), (header || text) && /*#__PURE__*/React.createElement("header", {
+    className: "vkuiActionSheet__header"
+  }, header && /*#__PURE__*/React.createElement(_Footnote.Footnote, {
     weight: "2",
-    vkuiClass: "ActionSheet__title"
-  }, header), text && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
-    vkuiClass: "ActionSheet__text"
+    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 (0, _jsxRuntime.createScopedElement)(_PopoutWrapper.PopoutWrapper, {
+  return /*#__PURE__*/React.createElement(_PopoutWrapper.PopoutWrapper, {
     closing: closing,
     alignY: "bottom",
     className: className,
@@ -151,6 +119,5 @@ var ActionSheet = function ActionSheet(_ref) {
     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","restProps","platform","usePlatform","React","useState","closing","setClosing","onClose","_action","useRef","noop","afterClose","current","useAdaptivityWithMediaQueries","isDesktop","useScrollLock","timeout","Platform","IOS","fallbackTransitionFinish","useTimeout","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","event","persist","contextValue","useObjectMemo","DropdownComponent","ActionSheetDropdownDesktop","ActionSheetDropdown","actionSheet","undefined"],"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { Platform } from \"../../lib/platform\";\nimport { ActionSheetDropdownDesktop } from \"./ActionSheetDropdownDesktop\";\nimport { ActionSheetDropdown } from \"./ActionSheetDropdown\";\nimport { noop } from \"../../lib/utils\";\nimport { ActionSheetContext, ItemClickHandler } from \"./ActionSheetContext\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { PopupDirection, SharedDropdownProps, ToggleRef } from \"./types\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport \"./ActionSheet.css\";\n\nexport interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: VoidFunction;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   */\n  toggleRef: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\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  ...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 } = useAdaptivityWithMediaQueries();\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\n    ? ActionSheetDropdownDesktop\n    : ActionSheetDropdown;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...(restProps as Omit<SharedDropdownProps, \"closing\">)}\n        popupDirection={popupDirection}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(header || text) && (\n          <header vkuiClass=\"ActionSheet__header\">\n            {header && (\n              <Footnote weight=\"2\" vkuiClass=\"ActionSheet__title\">\n                {header}\n              </Footnote>\n            )}\n            {text && <Footnote vkuiClass=\"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,"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 { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { Platform } from \"../../lib/platform\";\nimport { ActionSheetDropdownDesktop } from \"./ActionSheetDropdownDesktop\";\nimport { ActionSheetDropdown } from \"./ActionSheetDropdown\";\nimport { noop } from \"../../lib/utils\";\nimport { ActionSheetContext, ItemClickHandler } from \"./ActionSheetContext\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useAdaptivityWithJSMediaQueries } from \"../../hooks/useAdaptivityWithJSMediaQueries\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { SharedDropdownProps } from \"./types\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport styles from \"./ActionSheet.module.css\";\n\nexport interface ActionSheetProps\n  extends Pick<\n      SharedDropdownProps,\n      \"toggleRef\" | \"popupDirection\" | \"popupOffsetDistance\"\n    >,\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\n    ? ActionSheetDropdownDesktop\n    : 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 && (\n              <Footnote className={styles[\"ActionSheet__text\"]}>\n                {text}\n              </Footnote>\n            )}\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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"}

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

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionSheetContext = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var ActionSheetContext = /*#__PURE__*/React.createContext({});
 exports.ActionSheetContext = ActionSheetContext;
 //# 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<\n  ActionSheetContextType<any>\n>({});\n"],"mappings":";;;;;;;;;AAAA;;AAeO,IAAMA,kBAAkB,gBAAGC,KAAK,CAACC,aAAN,CAEhC,EAFgC,CAA3B"}
+{"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<\n  ActionSheetContextType<any>\n>({});\n"],"mappings":";;;;;;;AAAA;AAeO,IAAMA,kBAAkB,gBAAGC,KAAK,CAACC,aAAa,CAEnD,CAAC,CAAC,CAAC;AAAC"}

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

@@ -1,24 +1,19 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionSheetDefaultIosCloseItem = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
+var React = _interopRequireWildcard(require("react"));
 var _ActionSheetItem = require("../ActionSheetItem/ActionSheetItem");
-
 var ActionSheetDefaultIosCloseItem = function ActionSheetDefaultIosCloseItem(props) {
-  return (0, _jsxRuntime.createScopedElement)(_ActionSheetItem.ActionSheetItem, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_ActionSheetItem.ActionSheetItem, (0, _extends2.default)({
     autoClose: true,
     mode: "cancel"
   }, props), "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C");
 };
-
 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 {\n  ActionSheetItem,\n  ActionSheetItemProps,\n} 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;;AAKO,IAAMA,8BAA8B,GAAG,SAAjCA,8BAAiC,CAACC,KAAD,EAAiC;EAC7E,OACE,qCAAC,gCAAD;IAAiB,SAAS,MAA1B;IAA2B,IAAI,EAAC;EAAhC,GAA6CA,KAA7C,sDADF;AAKD,CANM"}
+{"version":3,"file":"ActionSheetDefaultIosCloseItem.js","names":["ActionSheetDefaultIosCloseItem","props"],"sources":["../../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ActionSheetItem,\n  ActionSheetItemProps,\n} 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;AAKO,IAAMA,8BAA8B,GAAG,SAAjCA,8BAA8B,CAAIC,KAA2B,EAAK;EAC7E,oBACE,oBAAC,gCAAe;IAAC,SAAS;IAAC,IAAI,EAAC;EAAQ,GAAKA,KAAK,sDAEhC;AAEtB,CAAC;AAAC"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SharedDropdownProps } from "./types";
+export declare 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,52 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionSheetDropdown = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
+var React = _interopRequireWildcard(require("react"));
 var _getSizeYClassName = require("../../helpers/getSizeYClassName");
-
 var _classNames = require("../../lib/classNames");
-
 var _platform = require("../../lib/platform");
-
 var _usePlatform = require("../../hooks/usePlatform");
-
-var _useAdaptivityWithMediaQueries = require("../../hooks/useAdaptivityWithMediaQueries");
-
+var _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
 var _FocusTrap = require("../FocusTrap/FocusTrap");
-
-var _excluded = ["children", "closing", "toggleRef", "popupDirection"];
-
+var _excluded = ["children", "closing", "toggleRef", "className"];
 var stopPropagation = function stopPropagation(e) {
   return e.stopPropagation();
 };
-
 var ActionSheetDropdown = function ActionSheetDropdown(_ref) {
   var children = _ref.children,
-      closing = _ref.closing,
-      toggleRef = _ref.toggleRef,
-      popupDirection = _ref.popupDirection,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
-  var _useAdaptivityWithMed = (0, _useAdaptivityWithMediaQueries.useAdaptivityWithMediaQueries)(),
-      sizeY = _useAdaptivityWithMed.sizeY;
-
+    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 (0, _jsxRuntime.createScopedElement)(_FocusTrap.FocusTrap, (0, _extends2.default)({}, restProps, {
+  return /*#__PURE__*/React.createElement(_FocusTrap.FocusTrap, (0, _extends2.default)({}, restProps, {
     onClick: stopPropagation,
-    vkuiClass: (0, _classNames.classNames)("ActionSheet", platform === _platform.Platform.IOS && "ActionSheet--ios", closing && "ActionSheet--closing", (0, _getSizeYClassName.getSizeYClassName)("ActionSheet", sizeY))
+    className: (0, _classNames.classNamesString)("vkuiActionSheet", platform === _platform.Platform.IOS && "vkuiActionSheet--ios", closing && "vkuiActionSheet--closing", (0, _getSizeYClassName.getSizeYClassName)("vkuiActionSheet", sizeY), className)
   }), children);
 };
-
 exports.ActionSheetDropdown = ActionSheetDropdown;
 //# sourceMappingURL=ActionSheetDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdown.js","names":["stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","useAdaptivityWithMediaQueries","sizeY","platform","usePlatform","classNames","Platform","IOS","getSizeYClassName"],"sources":["../../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport \"./ActionSheet.css\";\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  popupDirection,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      vkuiClass={classNames(\n        \"ActionSheet\",\n        platform === Platform.IOS && \"ActionSheet--ios\",\n        closing && \"ActionSheet--closing\",\n        getSizeYClassName(\"ActionSheet\", sizeY)\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAGA,IAAMA,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;EAAA,OAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,OAOR;EAAA,IANzBC,QAMyB,QANzBA,QAMyB;EAAA,IALzBC,OAKyB,QALzBA,OAKyB;EAAA,IAHzBC,SAGyB,QAHzBA,SAGyB;EAAA,IAFzBC,cAEyB,QAFzBA,cAEyB;EAAA,IADtBC,SACsB;;EACzB,4BAAkB,IAAAC,4DAAA,GAAlB;EAAA,IAAQC,KAAR,yBAAQA,KAAR;;EACA,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,qCAAC,oBAAD,6BACMJ,SADN;IAEE,OAAO,EAAEP,eAFX;IAGE,SAAS,EAAE,IAAAY,sBAAA,EACT,aADS,EAETF,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6B,kBAFpB,EAGTV,OAAO,IAAI,sBAHF,EAIT,IAAAW,oCAAA,EAAkB,aAAlB,EAAiCN,KAAjC,CAJS;EAHb,IAUGN,QAVH,CADF;AAcD,CAzBM"}
+{"version":3,"file":"ActionSheetDropdown.js","names":["stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","className","restProps","useAdaptivityWithJSMediaQueries","sizeY","platform","usePlatform","classNamesString","Platform","IOS","getSizeYClassName"],"sources":["../../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityWithJSMediaQueries } from \"../../hooks/useAdaptivityWithJSMediaQueries\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\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={classNamesString(\n        styles[\"ActionSheet\"],\n        platform === Platform.IOS && styles[\"ActionSheet--ios\"],\n        closing && styles[\"ActionSheet--closing\"],\n        getSizeYClassName(styles[\"ActionSheet\"], sizeY),\n        className\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAmD;AAGnD,IAAMA,eAAwC,GAAG,SAA3CA,eAAwC,CAAIC,CAAC;EAAA,OAAKA,CAAC,CAACD,eAAe,EAAE;AAAA;AAOpE,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,4BAAkB,IAAAC,gEAA+B,GAAE;IAA3CC,KAAK,yBAALA,KAAK;EACb,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,oBACE,oBAAC,oBAAS,6BACJJ,SAAS;IACb,OAAO,EAAEP,eAAgB;IACzB,SAAS,EAAE,IAAAY,4BAAgB,qBAEzBF,QAAQ,KAAKG,kBAAQ,CAACC,GAAG,0BAA8B,EACvDV,OAAO,8BAAkC,EACzC,IAAAW,oCAAiB,qBAAwBN,KAAK,CAAC,EAC/CH,SAAS;EACT,IAEDH,QAAQ,CACC;AAEhB,CAAC;AAAC"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SharedDropdownProps } from "./types";
+export declare const ActionSheetDropdownDesktop: ({ children, toggleRef, closing, popupDirection, onClose, className, style, popupOffsetDistance, ...restProps }: SharedDropdownProps) => JSX.Element;

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

@@ -1,75 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionSheetDropdownDesktop = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _getSizeYClassName = require("../../helpers/getSizeYClassName");
-
 var _classNames = require("../../lib/classNames");
-
 var _dom = require("../../lib/dom");
-
 var _usePlatform = require("../../hooks/usePlatform");
-
 var _useEffectDev = require("../../hooks/useEffectDev");
-
-var _useAdaptivityWithMediaQueries = require("../../hooks/useAdaptivityWithMediaQueries");
-
+var _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
 var _isRefObject = require("../../lib/isRefObject");
-
 var _warnOnce = require("../../lib/warnOnce");
-
 var _platform = require("../../lib/platform");
-
 var _useEventListener = require("../../hooks/useEventListener");
-
 var _FocusTrap = require("../FocusTrap/FocusTrap");
-
 var _Popper = require("../Popper/Popper");
-
-var _excluded = ["children", "toggleRef", "closing", "popupDirection", "onClose", "className", "style"];
+var _excluded = ["children", "toggleRef", "closing", "popupDirection", "onClose", "className", "style", "popupOffsetDistance"];
 var warn = (0, _warnOnce.warnOnce)("ActionSheet");
-
 function getEl(ref) {
   return ref && "current" in ref ? ref.current : ref;
 }
-
 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,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useDOM = (0, _dom.useDOM)(),
-      document = _useDOM.document;
-
+    document = _useDOM.document;
   var platform = (0, _usePlatform.usePlatform)();
-
-  var _useAdaptivityWithMed = (0, _useAdaptivityWithMediaQueries.useAdaptivityWithMediaQueries)(),
-      sizeY = _useAdaptivityWithMed.sizeY;
-
+  var _useAdaptivityWithJSM = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)(),
+    sizeY = _useAdaptivityWithJSM.sizeY;
   var elementRef = React.useRef(null);
   (0, _useEffectDev.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");
     }
@@ -79,7 +54,6 @@ var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref) {
   }, [popupDirection, elementRef]);
   var bodyClickListener = (0, _useEventListener.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();
     }
@@ -96,26 +70,23 @@ var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref) {
     if ((0, _isRefObject.isRefObject)(toggleRef)) {
       return toggleRef;
     }
-
     return {
       current: toggleRef
     };
   }, [toggleRef]);
-  return (0, _jsxRuntime.createScopedElement)(_Popper.Popper, {
+  return /*#__PURE__*/React.createElement(_Popper.Popper, {
     targetRef: targetRef,
-    offsetDistance: 0,
+    offsetDistance: popupOffsetDistance,
     placement: isPopupDirectionTop ? "top-end" : "bottom-end",
-    vkuiClass: (0, _classNames.classNames)("ActionSheet", platform === _platform.Platform.IOS && "ActionSheet--ios", "ActionSheet--desktop", (0, _getSizeYClassName.getSizeYClassName)("ActionSheet", sizeY)),
-    className: className,
+    className: (0, _classNames.classNamesString)("vkuiActionSheet", platform === _platform.Platform.IOS && "vkuiActionSheet--ios", "vkuiActionSheet--desktop", (0, _getSizeYClassName.getSizeYClassName)("vkuiActionSheet", sizeY), className),
     style: style,
     getRef: elementRef,
     forcePortal: false
-  }, (0, _jsxRuntime.createScopedElement)(_FocusTrap.FocusTrap, (0, _extends2.default)({
+  }, /*#__PURE__*/React.createElement(_FocusTrap.FocusTrap, (0, _extends2.default)({
     onClose: onClose
   }, restProps, {
     onClick: onClick
   }), children));
 };
-
 exports.ActionSheetDropdownDesktop = ActionSheetDropdownDesktop;
 //# sourceMappingURL=ActionSheetDropdownDesktop.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdownDesktop.js","names":["warn","warnOnce","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","restProps","useDOM","document","platform","usePlatform","useAdaptivityWithMediaQueries","sizeY","elementRef","React","useRef","useEffectDev","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","useEventListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","isRefObject","classNames","Platform","IOS","getSizeYClassName"],"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useDOM } from \"../../lib/dom\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useEffectDev } from \"../../hooks/useEffectDev\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { Popper } from \"../Popper/Popper\";\nimport \"./ActionSheet.css\";\n\nconst warn = warnOnce(\"ActionSheet\");\nfunction getEl(\n  ref: SharedDropdownProps[\"toggleRef\"]\n): Element | null | undefined {\n  return ref && \"current\" in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, \"error\");\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === \"top\" ||\n      (typeof popupDirection === \"function\" &&\n        popupDirection(elementRef) === \"top\"),\n    [popupDirection, elementRef]\n  );\n\n  const bodyClickListener = useEventListener(\"click\", (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => e.stopPropagation(),\n    []\n  );\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps[\"toggleRef\"], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={0}\n      placement={isPopupDirectionTop ? \"top-end\" : \"bottom-end\"}\n      vkuiClass={classNames(\n        \"ActionSheet\",\n        platform === Platform.IOS && \"ActionSheet--ios\",\n        \"ActionSheet--desktop\",\n        getSizeYClassName(\"ActionSheet\", sizeY)\n      )}\n      className={className}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ActionSheetDropdownDesktop.js","names":["warn","warnOnce","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","popupOffsetDistance","restProps","useDOM","document","platform","usePlatform","useAdaptivityWithJSMediaQueries","sizeY","elementRef","React","useRef","useEffectDev","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","useEventListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","isRefObject","classNamesString","Platform","IOS","getSizeYClassName"],"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { useDOM } from \"../../lib/dom\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useEffectDev } from \"../../hooks/useEffectDev\";\nimport { useAdaptivityWithJSMediaQueries } from \"../../hooks/useAdaptivityWithJSMediaQueries\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { Popper } from \"../Popper/Popper\";\nimport styles from \"./ActionSheet.module.css\";\n\nconst warn = warnOnce(\"ActionSheet\");\nfunction getEl(\n  ref: SharedDropdownProps[\"toggleRef\"]\n): Element | null | undefined {\n  return ref && \"current\" in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  popupOffsetDistance = 0,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, \"error\");\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === \"top\" ||\n      (typeof popupDirection === \"function\" &&\n        popupDirection(elementRef) === \"top\"),\n    [popupDirection, elementRef]\n  );\n\n  const bodyClickListener = useEventListener(\"click\", (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => e.stopPropagation(),\n    []\n  );\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps[\"toggleRef\"], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={popupOffsetDistance}\n      placement={isPopupDirectionTop ? \"top-end\" : \"bottom-end\"}\n      className={classNamesString(\n        styles[\"ActionSheet\"],\n        platform === Platform.IOS && styles[\"ActionSheet--ios\"],\n        styles[\"ActionSheet--desktop\"],\n        getSizeYClassName(styles[\"ActionSheet\"], sizeY),\n        className\n      )}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"mappings":"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"}