@vkontakte/vkui 5.0.2 → 5.1.0

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

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { SharedDropdownProps } from "./types";
-export interface ActionSheetProps extends Pick<SharedDropdownProps, "toggleRef" | "popupDirection" | "popupOffsetDistance">, React.HTMLAttributes<HTMLDivElement> {
+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;
     /**

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

@@ -2,19 +2,19 @@ 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 { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper";
-import { Platform } from "../../lib/platform";
-import { ActionSheetDropdownDesktop } from "./ActionSheetDropdownDesktop";
-import { ActionSheetDropdown } from "./ActionSheetDropdown";
-import { noop } from "../../lib/utils";
-import { ActionSheetContext } from "./ActionSheetContext";
-import { Footnote } from "../Typography/Footnote/Footnote";
-import { usePlatform } from "../../hooks/usePlatform";
-import { useTimeout } from "../../hooks/useTimeout";
-import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
-import { useObjectMemo } from "../../hooks/useObjectMemo";
-import { useScrollLock } from "../AppRoot/ScrollContext";
+import * as React from 'react';
+import { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';
+import { Platform } from '../../lib/platform';
+import { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';
+import { ActionSheetDropdown } from './ActionSheetDropdown';
+import { noop } from '@vkontakte/vkjs';
+import { ActionSheetContext } from './ActionSheetContext';
+import { Footnote } from '../Typography/Footnote/Footnote';
+import { usePlatform } from '../../hooks/usePlatform';
+import { useTimeout } from '../../hooks/useTimeout';
+import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
+import { useObjectMemo } from '../../hooks/useObjectMemo';
+import { useScrollLock } from '../AppRoot/ScrollContext';
 import "./ActionSheet.module.css";
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
@@ -27,7 +27,7 @@ export var ActionSheet = function ActionSheet(_ref) {
     style = _ref.style,
     iosCloseItem = _ref.iosCloseItem,
     _ref$popupDirection = _ref.popupDirection,
-    popupDirection = _ref$popupDirection === void 0 ? "bottom" : _ref$popupDirection,
+    popupDirection = _ref$popupDirection === void 0 ? 'bottom' : _ref$popupDirection,
     popupOffsetDistance = _ref.popupOffsetDistance,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var platform = usePlatform();

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.js","names":["React","PopoutWrapper","Platform","ActionSheetDropdownDesktop","ActionSheetDropdown","noop","ActionSheetContext","Footnote","usePlatform","useTimeout","useAdaptivityWithJSMediaQueries","useObjectMemo","useScrollLock","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 { 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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"}
+{"version":3,"file":"ActionSheet.js","names":["React","PopoutWrapper","Platform","ActionSheetDropdownDesktop","ActionSheetDropdown","noop","ActionSheetContext","Footnote","usePlatform","useTimeout","useAdaptivityWithJSMediaQueries","useObjectMemo","useScrollLock","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 { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Platform } from '../../lib/platform';\nimport { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';\nimport { ActionSheetDropdown } from './ActionSheetDropdown';\nimport { noop } from '@vkontakte/vkjs';\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<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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"}

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

@@ -1 +1 @@
-.vkuiActionSheet{align-items:stretch;animation:vkui-animation-actionsheet-intro .2s var(--vkui--animation_easing_platform);background:var(--vkui--color_background_modal);border-radius:12px;box-shadow:var(--vkui--elevation3);box-sizing:border-box;display:flex;flex-direction:column;margin:10px;overflow:hidden;padding:8px 0;position:relative;width:calc(100% - 20px)}.vkuiActionSheet__header{color:var(--vkui--color_text_subhead);padding:16px 20px}.vkuiActionSheet--closing{transform:translateY(calc(100% + 20px));transition:transform .2s var(--vkui--animation_easing_platform)}.vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:8px}.vkuiActionSheet--ios{animation:vkui-animation-actionsheet-intro .3s var(--vkui--animation_easing_platform);background:transparent;margin:unset;padding:10px;width:100%}.vkuiActionSheet--ios.vkuiActionSheet--closing{transform:translateY(100%);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiActionSheet--ios .vkuiActionSheet__header{border-radius:14px 14px 0 0;overflow:hidden;position:relative;text-align:center}.vkuiActionSheet--ios .vkuiActionSheet__title{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:9px}.vkuiActionSheet--ios .vkuiActionSheet__text{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__header:before{background-color:var(--vkui--color_background_modal);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.vkuiActionSheet--sizeY-compact .vkuiActionSheet__header{padding:12px 20px}.vkuiActionSheet--desktop{animation:none;height:auto;margin:0;max-width:100%;width:auto}.vkuiActionSheet--desktop.vkuiActionSheet--ios{border-radius:14px;padding:0}@keyframes vkui-animation-actionsheet-intro{0%{transform:translateY(100%)}to{transform:translateY(0)}}
+.vkuiActionSheet{align-items:stretch;animation:vkui-animation-actionsheet-intro .2s var(--vkui--animation_easing_platform);background:var(--vkui--color_background_modal);border-radius:12px;box-shadow:var(--vkui--elevation3);box-sizing:border-box;display:flex;flex-direction:column;margin:10px;max-width:var(--vkui--size_popup_small--regular);overflow:hidden;padding:8px 0;position:relative;width:calc(100% - 20px)}.vkuiActionSheet__header{color:var(--vkui--color_text_subhead);padding:16px 20px}.vkuiActionSheet--closing{transform:translateY(calc(100% + 20px));transition:transform .2s var(--vkui--animation_easing_platform)}.vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:8px}.vkuiActionSheet--ios{animation:vkui-animation-actionsheet-intro .3s var(--vkui--animation_easing_platform);background:transparent;margin:unset;padding:10px;width:100%}.vkuiActionSheet--ios.vkuiActionSheet--closing{transform:translateY(100%);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiActionSheet--ios .vkuiActionSheet__header{border-radius:14px 14px 0 0;overflow:hidden;position:relative;text-align:center}.vkuiActionSheet--ios .vkuiActionSheet__title{position:relative}.vkuiActionSheet--ios .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:9px}.vkuiActionSheet--ios .vkuiActionSheet__text{position:relative}.vkuiActionSheet--ios .vkuiActionSheet__header:before{background-color:var(--vkui--color_background_modal);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vkuiActionSheet--sizeY-compact .vkuiActionSheet__header{padding:12px 20px}.vkuiActionSheet--desktop{animation:none;height:auto;margin:0;max-width:100%;width:auto}.vkuiActionSheet--desktop.vkuiActionSheet--ios{border-radius:14px;padding:0}@keyframes vkui-animation-actionsheet-intro{0%{transform:translateY(100%)}to{transform:translateY(0)}}

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+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> = {

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

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

package/dist/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<\n  ActionSheetContextType<any>\n>({});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAe9B,OAAO,IAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAa,CAEnD,CAAC,CAAC,CAAC"}
+{"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"}

package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { ActionSheetItemProps } from "../ActionSheetItem/ActionSheetItem";
+import { ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';
 export declare const ActionSheetDefaultIosCloseItem: (props: ActionSheetItemProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import * as React from "react";
-import { ActionSheetItem } from "../ActionSheetItem/ActionSheetItem";
+import * as React from 'react';
+import { ActionSheetItem } from '../ActionSheetItem/ActionSheetItem';
 export var ActionSheetDefaultIosCloseItem = function ActionSheetDefaultIosCloseItem(props) {
   return /*#__PURE__*/React.createElement(ActionSheetItem, _extends({
     autoClose: true,

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 {\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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,eAAe,QAEV,oCAAoC;AAE3C,OAAO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8B,CAAIC,KAA2B,EAAK;EAC7E,oBACE,oBAAC,eAAe;IAAC,SAAS;IAAC,IAAI,EAAC;EAAQ,GAAKA,KAAK,sDAEhC;AAEtB,CAAC"}
+{"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"}

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">;
+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/cssm/components/ActionSheet/ActionSheetDropdown.js

@@ -1,13 +1,13 @@
 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 { getSizeYClassName } from "../../helpers/getSizeYClassName";
-import { classNamesString } from "../../lib/classNames";
-import { Platform } from "../../lib/platform";
-import { usePlatform } from "../../hooks/usePlatform";
-import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
-import { FocusTrap } from "../FocusTrap/FocusTrap";
+import * as React from 'react';
+import { getSizeYClassName } from '../../helpers/getSizeYClassName';
+import { classNames } from '@vkontakte/vkjs';
+import { Platform } from '../../lib/platform';
+import { usePlatform } from '../../hooks/usePlatform';
+import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
+import { FocusTrap } from '../FocusTrap/FocusTrap';
 import "./ActionSheet.module.css";
 var stopPropagation = function stopPropagation(e) {
   return e.stopPropagation();
@@ -23,7 +23,7 @@ export var ActionSheetDropdown = function ActionSheetDropdown(_ref) {
   var platform = usePlatform();
   return /*#__PURE__*/React.createElement(FocusTrap, _extends({}, restProps, {
     onClick: stopPropagation,
-    className: classNamesString("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", closing && "vkuiActionSheet--closing", getSizeYClassName("vkuiActionSheet", sizeY), className)
+    className: classNames("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", closing && "vkuiActionSheet--closing", getSizeYClassName("vkuiActionSheet", sizeY), className)
   }), children);
 };
 //# sourceMappingURL=ActionSheetDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdown.js","names":["React","getSizeYClassName","classNamesString","Platform","usePlatform","useAdaptivityWithJSMediaQueries","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","className","restProps","sizeY","platform","IOS"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,+BAA+B,QAAQ,6CAA6C;AAE7F,SAASC,SAAS,QAAQ,wBAAwB;AAAC;AAGnD,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,4BAAkBT,+BAA+B,EAAE;IAA3CU,KAAK,yBAALA,KAAK;EACb,IAAMC,QAAQ,GAAGZ,WAAW,EAAE;EAE9B,oBACE,oBAAC,SAAS,eACJU,SAAS;IACb,OAAO,EAAEP,eAAgB;IACzB,SAAS,EAAEL,gBAAgB,oBAEzBc,QAAQ,KAAKb,QAAQ,CAACc,GAAG,0BAA8B,EACvDN,OAAO,8BAAkC,EACzCV,iBAAiB,oBAAwBc,KAAK,CAAC,EAC/CF,SAAS;EACT,IAEDH,QAAQ,CACC;AAEhB,CAAC"}
+{"version":3,"file":"ActionSheetDropdown.js","names":["React","getSizeYClassName","classNames","Platform","usePlatform","useAdaptivityWithJSMediaQueries","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","className","restProps","sizeY","platform","IOS"],"sources":["../../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSizeYClassName } from '../../helpers/getSizeYClassName';\nimport { classNames } from '@vkontakte/vkjs';\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={classNames(\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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,+BAA+B,QAAQ,6CAA6C;AAE7F,SAASC,SAAS,QAAQ,wBAAwB;AAAC;AAGnD,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,4BAAkBT,+BAA+B,EAAE;IAA3CU,KAAK,yBAALA,KAAK;EACb,IAAMC,QAAQ,GAAGZ,WAAW,EAAE;EAE9B,oBACE,oBAAC,SAAS,eACJU,SAAS;IACb,OAAO,EAAEP,eAAgB;IACzB,SAAS,EAAEL,UAAU,oBAEnBc,QAAQ,KAAKb,QAAQ,CAACc,GAAG,0BAA8B,EACvDN,OAAO,8BAAkC,EACzCV,iBAAiB,oBAAwBc,KAAK,CAAC,EAC/CF,SAAS;EACT,IAEDH,QAAQ,CACC;AAEhB,CAAC"}

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

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

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

@@ -1,23 +1,23 @@
 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 { getSizeYClassName } from "../../helpers/getSizeYClassName";
-import { classNamesString } from "../../lib/classNames";
-import { useDOM } from "../../lib/dom";
-import { usePlatform } from "../../hooks/usePlatform";
-import { useEffectDev } from "../../hooks/useEffectDev";
-import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
-import { isRefObject } from "../../lib/isRefObject";
-import { warnOnce } from "../../lib/warnOnce";
-import { Platform } from "../../lib/platform";
-import { useEventListener } from "../../hooks/useEventListener";
-import { FocusTrap } from "../FocusTrap/FocusTrap";
-import { Popper } from "../Popper/Popper";
+import * as React from 'react';
+import { getSizeYClassName } from '../../helpers/getSizeYClassName';
+import { classNames } from '@vkontakte/vkjs';
+import { useDOM } from '../../lib/dom';
+import { usePlatform } from '../../hooks/usePlatform';
+import { useEffectDev } from '../../hooks/useEffectDev';
+import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
+import { isRefObject } from '../../lib/isRefObject';
+import { warnOnce } from '../../lib/warnOnce';
+import { Platform } from '../../lib/platform';
+import { useEventListener } from '../../hooks/useEventListener';
+import { FocusTrap } from '../FocusTrap/FocusTrap';
+import { Popper } from '../Popper/Popper';
 import "./ActionSheet.module.css";
-var warn = warnOnce("ActionSheet");
+var warn = warnOnce('ActionSheet');
 function getEl(ref) {
-  return ref && "current" in ref ? ref.current : ref;
+  return ref && 'current' in ref ? ref.current : ref;
 }
 export var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref) {
   var children = _ref.children,
@@ -39,13 +39,13 @@ export var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref
   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");
+      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";
+    return popupDirection === 'top' || typeof popupDirection === 'function' && popupDirection(elementRef) === 'top';
   }, [popupDirection, elementRef]);
-  var bodyClickListener = useEventListener("click", function (e) {
+  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();
@@ -70,8 +70,8 @@ export var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref
   return /*#__PURE__*/React.createElement(Popper, {
     targetRef: targetRef,
     offsetDistance: popupOffsetDistance,
-    placement: isPopupDirectionTop ? "top-end" : "bottom-end",
-    className: classNamesString("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", "vkuiActionSheet--desktop", getSizeYClassName("vkuiActionSheet", sizeY), className),
+    placement: isPopupDirectionTop ? 'top-end' : 'bottom-end',
+    className: classNames("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", "vkuiActionSheet--desktop", getSizeYClassName("vkuiActionSheet", sizeY), className),
     style: style,
     getRef: elementRef,
     forcePortal: false

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdownDesktop.js","names":["React","getSizeYClassName","classNamesString","useDOM","usePlatform","useEffectDev","useAdaptivityWithJSMediaQueries","isRefObject","warnOnce","Platform","useEventListener","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","popupOffsetDistance","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","IOS"],"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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"}
+{"version":3,"file":"ActionSheetDropdownDesktop.js","names":["React","getSizeYClassName","classNames","useDOM","usePlatform","useEffectDev","useAdaptivityWithJSMediaQueries","isRefObject","warnOnce","Platform","useEventListener","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","popupOffsetDistance","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","IOS"],"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSizeYClassName } from '../../helpers/getSizeYClassName';\nimport { classNames } from '@vkontakte/vkjs';\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(ref: SharedDropdownProps['toggleRef']): 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' && 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((e: React.MouseEvent<HTMLElement>) => e.stopPropagation(), []);\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={classNames(\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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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/ActionSheet/types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { FocusTrapProps } from \"../FocusTrap/FocusTrap\";\n\nexport type PopupDirection =\n  | \"top\"\n  | \"bottom\"\n  | ((elRef: React.RefObject<HTMLDivElement>) => \"top\" | \"bottom\");\nexport type ToggleRef = Element | null | undefined | React.RefObject<Element>;\n\nexport interface SharedDropdownProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    FocusTrapProps {\n  closing: boolean;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   * В v5 будет обязательным.\n   */\n  toggleRef?: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Отступ, где заданное кол-во единиц равняется пикселям\n   * */\n  popupOffsetDistance?: number;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/ActionSheet/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { FocusTrapProps } from '../FocusTrap/FocusTrap';\n\nexport type PopupDirection =\n  | 'top'\n  | 'bottom'\n  | ((elRef: React.RefObject<HTMLDivElement>) => 'top' | 'bottom');\nexport type ToggleRef = Element | null | undefined | React.RefObject<Element>;\n\nexport interface SharedDropdownProps extends React.AllHTMLAttributes<HTMLElement>, FocusTrapProps {\n  closing: boolean;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   * В v5 будет обязательным.\n   */\n  toggleRef?: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Отступ, где заданное кол-во единиц равняется пикселям\n   * */\n  popupOffsetDistance?: number;\n}\n"],"mappings":""}

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

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

package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js

@@ -1,19 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "autoClose", "mode", "meta", "subtitle", "before", "selectable", "value", "name", "checked", "defaultChecked", "onChange", "onClick", "onImmediateClick", "multiline", "iconChecked", "className"];
-import * as React from "react";
-import { getSizeYClassName } from "../../helpers/getSizeYClassName";
-import { classNamesString } from "../../lib/classNames";
-import { Tappable } from "../Tappable/Tappable";
-import { usePlatform } from "../../hooks/usePlatform";
-import { SizeType } from "../../lib/adaptivity";
-import { noop } from "../../lib/utils";
-import { Platform } from "../../lib/platform";
-import { Subhead } from "../Typography/Subhead/Subhead";
-import { Text } from "../Typography/Text/Text";
-import { Icon20CheckCircleOn, Icon24CheckCircleOn } from "@vkontakte/icons";
-import { ActionSheetContext } from "../ActionSheet/ActionSheetContext";
-import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
+import * as React from 'react';
+import { getSizeYClassName } from '../../helpers/getSizeYClassName';
+import { classNames, noop } from '@vkontakte/vkjs';
+import { Tappable } from '../Tappable/Tappable';
+import { usePlatform } from '../../hooks/usePlatform';
+import { SizeType } from '../../lib/adaptivity';
+import { Platform } from '../../lib/platform';
+import { Subhead } from '../Typography/Subhead/Subhead';
+import { Text } from '../Typography/Text/Text';
+import { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';
+import { ActionSheetContext } from '../ActionSheet/ActionSheetContext';
+import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
 import "./ActionSheetItem.module.css";
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
@@ -22,7 +21,7 @@ var ActionSheetItem = function ActionSheetItem(_ref) {
   var children = _ref.children,
     autoClose = _ref.autoClose,
     _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? "default" : _ref$mode,
+    mode = _ref$mode === void 0 ? 'default' : _ref$mode,
     meta = _ref.meta,
     subtitle = _ref.subtitle,
     before = _ref.before,
@@ -49,25 +48,25 @@ var ActionSheetItem = function ActionSheetItem(_ref) {
   var _useAdaptivityWithJSM = useAdaptivityWithJSMediaQueries(),
     sizeY = _useAdaptivityWithJSM.sizeY;
   var iconChecked = iconCheckedProp || (sizeY === SizeType.COMPACT ? /*#__PURE__*/React.createElement(Icon20CheckCircleOn, null) : /*#__PURE__*/React.createElement(Icon24CheckCircleOn, null));
-  var Component = restProps.href ? "a" : "div";
+  var Component = restProps.href ? 'a' : 'div';
   if (selectable) {
-    Component = "label";
+    Component = 'label';
   }
   var isRich = subtitle || meta || selectable;
   var isCentered = !isRich && !before && platform === Platform.IOS;
   return /*#__PURE__*/React.createElement(Tappable, _extends({}, restProps, {
     onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose)),
     activeMode: platform === Platform.IOS ? "vkuiActionSheetItem--active" : undefined,
-    className: classNamesString("vkuiActionSheetItem", platform === Platform.IOS && "vkuiActionSheetItem--ios", styles["ActionSheetItem--mode-".concat(mode)], getSizeYClassName("vkuiActionSheetItem", sizeY), isRich && "vkuiActionSheetItem--rich", isDesktop && "vkuiActionSheetItem--desktop", className),
+    className: classNames("vkuiActionSheetItem", platform === Platform.IOS && "vkuiActionSheetItem--ios", styles["ActionSheetItem--mode-".concat(mode)], getSizeYClassName("vkuiActionSheetItem", sizeY), isRich && "vkuiActionSheetItem--rich", isDesktop && "vkuiActionSheetItem--desktop", className),
     Component: Component
   }), before && /*#__PURE__*/React.createElement("div", {
     className: "vkuiActionSheetItem__before"
   }, before), /*#__PURE__*/React.createElement("div", {
-    className: classNamesString("vkuiActionSheetItem__container", !multiline && "vkuiActionSheetItem--ellipsis")
+    className: classNames("vkuiActionSheetItem__container", !multiline && "vkuiActionSheetItem--ellipsis")
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNamesString("vkuiActionSheetItem__content", isCentered && "vkuiActionSheetItem--centered")
+    className: classNames("vkuiActionSheetItem__content", isCentered && "vkuiActionSheetItem--centered")
   }, /*#__PURE__*/React.createElement(Text, {
-    weight: mode === "cancel" ? "2" : undefined,
+    weight: mode === 'cancel' ? '2' : undefined,
     className: "vkuiActionSheetItem__children"
   }, children), meta && /*#__PURE__*/React.createElement(Text, {
     className: "vkuiActionSheetItem__meta"

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.js","names":["React","getSizeYClassName","classNamesString","Tappable","usePlatform","SizeType","noop","Platform","Subhead","Text","Icon20CheckCircleOn","Icon24CheckCircleOn","ActionSheetContext","useAdaptivityWithJSMediaQueries","ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconCheckedProp","iconChecked","className","restProps","platform","useContext","onItemClick","isDesktop","sizeY","COMPACT","Component","href","isRich","isCentered","IOS","Boolean","undefined","styles","disabled"],"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { SizeType } from \"../../lib/adaptivity\";\nimport { noop } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from \"@vkontakte/icons\";\nimport {\n  ActionSheetContext,\n  type ActionSheetContextType,\n} from \"../ActionSheet/ActionSheetContext\";\nimport { useAdaptivityWithJSMediaQueries } from \"../../hooks/useAdaptivityWithJSMediaQueries\";\nimport styles from \"./ActionSheetItem.module.css\";\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"name\" | \"checked\" | \"value\"\n    > {\n  mode?: \"default\" | \"destructive\" | \"cancel\";\n  before?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  autoClose?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `checked` режима.\n   */\n  iconChecked?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nconst ActionSheetItem = ({\n  children,\n  autoClose,\n  mode = \"default\",\n  meta,\n  subtitle,\n  before,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked: iconCheckedProp,\n  className,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const iconChecked =\n    iconCheckedProp ||\n    (sizeY === SizeType.COMPACT ? (\n      <Icon20CheckCircleOn />\n    ) : (\n      <Icon24CheckCircleOn />\n    ));\n\n  let Component: React.ElementType = restProps.href ? \"a\" : \"div\";\n\n  if (selectable) {\n    Component = \"label\";\n  }\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === Platform.IOS;\n\n  return (\n    <Tappable\n      {...restProps}\n      onClick={\n        selectable\n          ? onClick\n          : onItemClick(onClick, onImmediateClick, Boolean(autoClose))\n      }\n      activeMode={\n        platform === Platform.IOS\n          ? styles[\"ActionSheetItem--active\"]\n          : undefined\n      }\n      className={classNamesString(\n        styles[\"ActionSheetItem\"],\n        platform === Platform.IOS && styles[\"ActionSheetItem--ios\"],\n        styles[`ActionSheetItem--mode-${mode}`],\n        getSizeYClassName(styles[\"ActionSheetItem\"], sizeY),\n        isRich && styles[\"ActionSheetItem--rich\"],\n        isDesktop && styles[\"ActionSheetItem--desktop\"],\n        className\n      )}\n      Component={Component}\n    >\n      {before && (\n        <div className={styles[\"ActionSheetItem__before\"]}>{before}</div>\n      )}\n      <div\n        className={classNamesString(\n          styles[\"ActionSheetItem__container\"],\n          !multiline && styles[\"ActionSheetItem--ellipsis\"]\n        )}\n      >\n        <div\n          className={classNamesString(\n            styles[\"ActionSheetItem__content\"],\n            isCentered && styles[\"ActionSheetItem--centered\"]\n          )}\n        >\n          <Text\n            weight={mode === \"cancel\" ? \"2\" : undefined}\n            className={styles[\"ActionSheetItem__children\"]}\n          >\n            {children}\n          </Text>\n          {meta && (\n            <Text className={styles[\"ActionSheetItem__meta\"]}>{meta}</Text>\n          )}\n        </div>\n        {subtitle && (\n          <Subhead className={styles[\"ActionSheetItem__subtitle\"]}>\n            {subtitle}\n          </Subhead>\n        )}\n      </div>\n      {selectable && (\n        <div className={styles[\"ActionSheetItem__after\"]}>\n          <input\n            type=\"radio\"\n            className={styles[\"ActionSheetItem__radio\"]}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onClick={onItemClick(noop, noop, Boolean(autoClose))}\n            defaultChecked={defaultChecked}\n            checked={checked}\n            disabled={restProps.disabled}\n          />\n          <div className={styles[\"ActionSheetItem__marker\"]}>{iconChecked}</div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nexport { ActionSheetItem };\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,OAAO,QAAQ,+BAA+B;AACvD,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,mBAAmB,EAAEC,mBAAmB,QAAQ,kBAAkB;AAC3E,SACEC,kBAAkB,QAEb,mCAAmC;AAC1C,SAASC,+BAA+B,QAAQ,6CAA6C;AAAC;AAkC9F;AACA;AACA;AACA,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAmBO;EAAA,IAlB1BC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAChBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;IACVC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IACPC,cAAc,QAAdA,cAAc;IACdC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,gBAAgB,QAAhBA,gBAAgB;IAAA,sBAChBC,SAAS;IAATA,SAAS,+BAAG,KAAK;IACJC,eAAe,QAA5BC,WAAW;IACXC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG9B,WAAW,EAAE;EAC9B,wBACEJ,KAAK,CAACmC,UAAU,CAAsCvB,kBAAkB,CAAC;IAAA,0CADnEwB,WAAW;IAAXA,WAAW,sCAAG;MAAA,OAAM9B,IAAI;IAAA;IAAE+B,SAAS,qBAATA,SAAS;EAE3C,4BAAkBxB,+BAA+B,EAAE;IAA3CyB,KAAK,yBAALA,KAAK;EAEb,IAAMP,WAAW,GACfD,eAAe,KACdQ,KAAK,KAAKjC,QAAQ,CAACkC,OAAO,gBACzB,oBAAC,mBAAmB,OAAG,gBAEvB,oBAAC,mBAAmB,OACrB,CAAC;EAEJ,IAAIC,SAA4B,GAAGP,SAAS,CAACQ,IAAI,GAAG,GAAG,GAAG,KAAK;EAE/D,IAAIpB,UAAU,EAAE;IACdmB,SAAS,GAAG,OAAO;EACrB;EAEA,IAAME,MAAM,GAAGvB,QAAQ,IAAID,IAAI,IAAIG,UAAU;EAC7C,IAAMsB,UAAU,GAAG,CAACD,MAAM,IAAI,CAACtB,MAAM,IAAIc,QAAQ,KAAK3B,QAAQ,CAACqC,GAAG;EAElE,oBACE,oBAAC,QAAQ,eACHX,SAAS;IACb,OAAO,EACLZ,UAAU,GACNM,OAAO,GACPS,WAAW,CAACT,OAAO,EAAEC,gBAAgB,EAAEiB,OAAO,CAAC7B,SAAS,CAAC,CAC9D;IACD,UAAU,EACRkB,QAAQ,KAAK3B,QAAQ,CAACqC,GAAG,mCAErBE,SACL;IACD,SAAS,EAAE5C,gBAAgB,wBAEzBgC,QAAQ,KAAK3B,QAAQ,CAACqC,GAAG,8BAAkC,EAC3DG,MAAM,iCAA0B9B,IAAI,EAAG,EACvChB,iBAAiB,wBAA4BqC,KAAK,CAAC,EACnDI,MAAM,+BAAmC,EACzCL,SAAS,kCAAsC,EAC/CL,SAAS,CACT;IACF,SAAS,EAAEQ;EAAU,IAEpBpB,MAAM,iBACL;IAAK,SAAS;EAAoC,GAAEA,MAAM,CAC3D,eACD;IACE,SAAS,EAAElB,gBAAgB,mCAEzB,CAAC2B,SAAS,mCAAuC;EACjD,gBAEF;IACE,SAAS,EAAE3B,gBAAgB,iCAEzByC,UAAU,mCAAuC;EACjD,gBAEF,oBAAC,IAAI;IACH,MAAM,EAAE1B,IAAI,KAAK,QAAQ,GAAG,GAAG,GAAG6B,SAAU;IAC5C,SAAS;EAAsC,GAE9C/B,QAAQ,CACJ,EACNG,IAAI,iBACH,oBAAC,IAAI;IAAC,SAAS;EAAkC,GAAEA,IAAI,CACxD,CACG,EACLC,QAAQ,iBACP,oBAAC,OAAO;IAAC,SAAS;EAAsC,GACrDA,QAAQ,CAEZ,CACG,EACLE,UAAU,iBACT;IAAK,SAAS;EAAmC,gBAC/C;IACE,IAAI,EAAC,OAAO;IACZ,SAAS,8BAAmC;IAC5C,IAAI,EAAEE,IAAK;IACX,KAAK,EAAED,KAAM;IACb,QAAQ,EAAEI,QAAS;IACnB,OAAO,EAAEU,WAAW,CAAC9B,IAAI,EAAEA,IAAI,EAAEuC,OAAO,CAAC7B,SAAS,CAAC,CAAE;IACrD,cAAc,EAAES,cAAe;IAC/B,OAAO,EAAED,OAAQ;IACjB,QAAQ,EAAES,SAAS,CAACe;EAAS,EAC7B,eACF;IAAK,SAAS;EAAoC,GAAEjB,WAAW,CAAO,CAEzE,CACQ;AAEf,CAAC;AAED,SAASjB,eAAe;AAAG;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"file":"ActionSheetItem.js","names":["React","getSizeYClassName","classNames","noop","Tappable","usePlatform","SizeType","Platform","Subhead","Text","Icon20CheckCircleOn","Icon24CheckCircleOn","ActionSheetContext","useAdaptivityWithJSMediaQueries","ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconCheckedProp","iconChecked","className","restProps","platform","useContext","onItemClick","isDesktop","sizeY","COMPACT","Component","href","isRich","isCentered","IOS","Boolean","undefined","styles","disabled"],"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSizeYClassName } from '../../helpers/getSizeYClassName';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { Tappable } from '../Tappable/Tappable';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  autoClose?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `checked` режима.\n   */\n  iconChecked?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nconst ActionSheetItem = ({\n  children,\n  autoClose,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked: iconCheckedProp,\n  className,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const iconChecked =\n    iconCheckedProp ||\n    (sizeY === SizeType.COMPACT ? <Icon20CheckCircleOn /> : <Icon24CheckCircleOn />);\n\n  let Component: React.ElementType = restProps.href ? 'a' : 'div';\n\n  if (selectable) {\n    Component = 'label';\n  }\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === Platform.IOS;\n\n  return (\n    <Tappable\n      {...restProps}\n      onClick={selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose))}\n      activeMode={platform === Platform.IOS ? styles['ActionSheetItem--active'] : undefined}\n      className={classNames(\n        styles['ActionSheetItem'],\n        platform === Platform.IOS && styles['ActionSheetItem--ios'],\n        styles[`ActionSheetItem--mode-${mode}`],\n        getSizeYClassName(styles['ActionSheetItem'], sizeY),\n        isRich && styles['ActionSheetItem--rich'],\n        isDesktop && styles['ActionSheetItem--desktop'],\n        className,\n      )}\n      Component={Component}\n    >\n      {before && <div className={styles['ActionSheetItem__before']}>{before}</div>}\n      <div\n        className={classNames(\n          styles['ActionSheetItem__container'],\n          !multiline && styles['ActionSheetItem--ellipsis'],\n        )}\n      >\n        <div\n          className={classNames(\n            styles['ActionSheetItem__content'],\n            isCentered && styles['ActionSheetItem--centered'],\n          )}\n        >\n          <Text\n            weight={mode === 'cancel' ? '2' : undefined}\n            className={styles['ActionSheetItem__children']}\n          >\n            {children}\n          </Text>\n          {meta && <Text className={styles['ActionSheetItem__meta']}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles['ActionSheetItem__subtitle']}>{subtitle}</Subhead>}\n      </div>\n      {selectable && (\n        <div className={styles['ActionSheetItem__after']}>\n          <input\n            type=\"radio\"\n            className={styles['ActionSheetItem__radio']}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onClick={onItemClick(noop, noop, Boolean(autoClose))}\n            defaultChecked={defaultChecked}\n            checked={checked}\n            disabled={restProps.disabled}\n          />\n          <div className={styles['ActionSheetItem__marker']}>{iconChecked}</div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nexport { ActionSheetItem };\n"],"mappings":"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"}

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

@@ -1 +1 @@
-.vkuiActionSheetItem{align-items:center;border-radius:0;box-sizing:border-box;color:var(--vkui--color_text_primary);display:flex;min-height:48px;overflow:hidden;padding:0 20px;text-decoration:none}.vkuiActionSheetItem,.vkuiActionSheetItem__after,.vkuiActionSheetItem__before,.vkuiActionSheetItem__container{position:relative;z-index:2}.vkuiActionSheetItem__after,.vkuiActionSheetItem__before{flex-shrink:0}.vkuiActionSheetItem__before{margin-left:-2px;margin-right:18px}.vkuiActionSheetItem__container{flex-grow:1;max-width:100%;padding:10px 0}.vkuiActionSheetItem--ellipsis{overflow:hidden;white-space:nowrap}.vkuiActionSheetItem__content{align-items:baseline;display:flex;justify-content:space-between;overflow:hidden}.vkuiActionSheetItem--ellipsis .vkuiActionSheetItem__content{justify-content:flex-start}.vkuiActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__subtitle{color:var(--vkui--color_text_secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__meta{color:var(--vkui--color_text_secondary);flex-shrink:0;margin-left:6px}.vkuiActionSheetItem__before{color:var(--vkui--color_icon_accent)}.vkuiActionSheetItem--mode-destructive .vkuiActionSheetItem__container:first-child{color:var(--vkui--color_text_negative)}.vkuiActionSheetItem--mode-destructive .vkuiActionSheetItem__before{color:var(--vkui--color_icon_negative)}.vkuiActionSheetItem__radio{display:none}.vkuiActionSheetItem__marker{align-items:center;background-color:initial;color:var(--vkui--color_icon_accent);display:none;justify-content:center;margin-left:16px}.vkuiActionSheetItem__radio:checked~.vkuiActionSheetItem__marker{display:flex}.vkuiActionSheetItem--ios{background:var(--vkui--color_background_modal);border-radius:0;color:var(--vkui--color_text_accent);min-height:56px;padding:14px 20px 14px 19px}.vkuiActionSheetItem--rich{color:var(--vkui--color_text_primary)}.vkuiActionSheetItem--ios.vkuiActionSheetItem--mode-destructive{color:var(--vkui--color_text_negative)}.vkuiActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.vkuiActionSheetItem--ios:last-child,.vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2){border-bottom-left-radius:14px;border-bottom-right-radius:14px}.vkuiActionSheetItem--ios:before{background-color:var(--vkui--color_background_modal);content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .15s ease-out,background-color .15s ease-out;width:100%;z-index:-1}.vkuiActionSheetItem--ios:after{background:var(--vkui--color_separator_primary);content:"";height:1px;left:0;position:absolute;right:0;top:0;transform-origin:center bottom;z-index:-1}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiActionSheetItem--ios:after{transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiActionSheetItem--ios:after{transform:scaleY(.33)}}.vkuiActionSheet--ios .vkuiActionSheetItem--last:after,.vkuiActionSheet--ios .vkuiActionSheet__header:empty,.vkuiActionSheetItem--ios:first-child:after,.vkuiActionSheetItem--mode-cancel:after{content:none}.vkuiActionSheetItem--ios.vkuiActionSheetItem--active:before{background-color:var(--vkui--color_transparent--active);opacity:1;transition:none}.vkuiActionSheetItem--ios .vkuiActionSheetItem__container{padding:0}.vkuiActionSheetItem--ios .vkuiActionSheetItem--centered{justify-content:center}.vkuiActionSheetItem--mode-cancel{border-radius:14px;margin-bottom:0;margin-bottom:var(--vkui_internal--safe_area_inset_bottom);margin-top:8px;min-height:52px}.vkuiActionSheetItem--desktop{cursor:pointer;width:auto}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle{color:var(--vkui--color_text_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker{color:var(--vkui--color_icon_secondary)}.vkuiActionSheetItem--sizeY-compact{min-height:32px}.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--ios{min-height:36px;padding:4px 20px 4px 18px}.vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios)+.vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios){margin-top:2px}.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container{padding:5px 0}
+.vkuiActionSheetItem{align-items:center;border-radius:0;box-sizing:border-box;color:var(--vkui--color_text_primary);display:flex;min-height:48px;overflow:hidden;padding:0 20px;position:relative;text-decoration:none}.vkuiActionSheetItem__after,.vkuiActionSheetItem__before,.vkuiActionSheetItem__container{position:relative}.vkuiActionSheetItem__after,.vkuiActionSheetItem__before{flex-shrink:0}.vkuiActionSheetItem__before{margin-left:-2px;margin-right:18px}.vkuiActionSheetItem__container{flex-grow:1;max-width:100%;padding:10px 0}.vkuiActionSheetItem--ellipsis{overflow:hidden;white-space:nowrap}.vkuiActionSheetItem__content{align-items:baseline;display:flex;justify-content:space-between;overflow:hidden}.vkuiActionSheetItem--ellipsis .vkuiActionSheetItem__content{justify-content:flex-start}.vkuiActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__subtitle{color:var(--vkui--color_text_secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__meta{color:var(--vkui--color_text_secondary);flex-shrink:0;margin-left:6px}.vkuiActionSheetItem__before{color:var(--vkui--color_icon_accent)}.vkuiActionSheetItem--mode-destructive .vkuiActionSheetItem__container:first-child{color:var(--vkui--color_text_negative)}.vkuiActionSheetItem--mode-destructive .vkuiActionSheetItem__before{color:var(--vkui--color_icon_negative)}.vkuiActionSheetItem__radio{display:none}.vkuiActionSheetItem__marker{align-items:center;background-color:initial;color:var(--vkui--color_icon_accent);display:none;justify-content:center;margin-left:16px}.vkuiActionSheetItem__radio:checked~.vkuiActionSheetItem__marker{display:flex}.vkuiActionSheetItem--ios{background:var(--vkui--color_background_modal);border-radius:0;color:var(--vkui--color_text_accent);min-height:56px;padding:14px 20px 14px 19px}.vkuiActionSheetItem--rich{color:var(--vkui--color_text_primary)}.vkuiActionSheetItem--ios.vkuiActionSheetItem--mode-destructive{color:var(--vkui--color_text_negative)}.vkuiActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.vkuiActionSheetItem--ios:last-child,.vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2){border-bottom-left-radius:14px;border-bottom-right-radius:14px}.vkuiActionSheetItem--ios:before{background-color:var(--vkui--color_background_modal);content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .15s ease-out,background-color .15s ease-out;width:100%}.vkuiActionSheetItem--ios:after{background:var(--vkui--color_separator_primary);content:"";height:1px;left:0;position:absolute;right:0;top:0;transform-origin:center bottom}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiActionSheetItem--ios:after{transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiActionSheetItem--ios:after{transform:scaleY(.33)}}.vkuiActionSheet--ios .vkuiActionSheetItem--last:after,.vkuiActionSheet--ios .vkuiActionSheet__header:empty,.vkuiActionSheetItem--ios:first-child:after,.vkuiActionSheetItem--mode-cancel:after{content:none}.vkuiActionSheetItem--ios.vkuiActionSheetItem--active:before{background-color:var(--vkui--color_transparent--active);opacity:1;transition:none}.vkuiActionSheetItem--ios .vkuiActionSheetItem__container{padding:0}.vkuiActionSheetItem--ios .vkuiActionSheetItem--centered{justify-content:center}.vkuiActionSheetItem--mode-cancel{border-radius:14px;margin-bottom:0;margin-bottom:var(--vkui_internal--safe_area_inset_bottom);margin-top:8px;min-height:52px}.vkuiActionSheetItem--desktop{cursor:pointer;width:auto}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle{color:var(--vkui--color_text_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker{color:var(--vkui--color_icon_secondary)}.vkuiActionSheetItem--sizeY-compact{min-height:32px}.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--ios{min-height:36px;padding:4px 20px 4px 18px}.vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios)+.vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios){margin-top:2px}.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container{padding:5px 0}

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

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { SizeType, ViewWidth, ViewHeight } from "../../lib/adaptivity";
+import * as React from 'react';
+import { SizeType, ViewWidth, ViewHeight } from '../../lib/adaptivity';
 export interface SizeProps {
     sizeX?: SizeType;
     sizeY?: SizeType;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AdaptivityContext.js","names":["React","AdaptivityContext","createContext"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { SizeType, ViewWidth, ViewHeight } from \"../../lib/adaptivity\";\n\nexport interface SizeProps {\n  sizeX?: SizeType;\n  sizeY?: SizeType;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n  /**\n   * @ignore\n   */\n  viewWidth?: ViewWidth;\n  /**\n   * @ignore\n   */\n  viewHeight?: ViewHeight;\n  /**\n   * @ignore\n   */\n  hasPointer?: boolean;\n  /**\n   * @ignore\n   */\n  hasHover?: boolean;\n}\n\nexport const AdaptivityContext = React.createContext<AdaptivityProps>({});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AA2B9B,OAAO,IAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAa,CAAkB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"AdaptivityContext.js","names":["React","AdaptivityContext","createContext"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SizeType, ViewWidth, ViewHeight } from '../../lib/adaptivity';\n\nexport interface SizeProps {\n  sizeX?: SizeType;\n  sizeY?: SizeType;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n  /**\n   * @ignore\n   */\n  viewWidth?: ViewWidth;\n  /**\n   * @ignore\n   */\n  viewHeight?: ViewHeight;\n  /**\n   * @ignore\n   */\n  hasPointer?: boolean;\n  /**\n   * @ignore\n   */\n  hasHover?: boolean;\n}\n\nexport const AdaptivityContext = React.createContext<AdaptivityProps>({});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AA2B9B,OAAO,IAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAa,CAAkB,CAAC,CAAC,CAAC"}

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

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