@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/components/ActionSheet/ActionSheet.js

@@ -5,23 +5,21 @@ var _excluded = ["children", "className", "header", "text", "style", "iosCloseIt
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper";
-import { IOS } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { ActionSheetDropdownDesktop } from "./ActionSheetDropdownDesktop";
 import { ActionSheetDropdown } from "./ActionSheetDropdown";
-import { hasReactNode, noop } from "../../lib/utils";
+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 { useAdaptivityIsDesktop } from "../../hooks/useAdaptivity";
+import { useAdaptivityWithMediaQueries } from "../../hooks/useAdaptivityWithMediaQueries";
 import { useObjectMemo } from "../../hooks/useObjectMemo";
-import { warnOnce } from "../../lib/warnOnce";
 import { useScrollLock } from "../AppRoot/ScrollContext";
-var warn = warnOnce("ActionSheet");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
  */
-
 export var ActionSheet = function ActionSheet(_ref) {
   var children = _ref.children,
       className = _ref.className,
@@ -47,22 +45,18 @@ export var ActionSheet = function ActionSheet(_ref) {
   var _action = React.useRef(noop);
 
   var afterClose = function afterClose() {
-    var _restProps$onClose;
-
-    (_restProps$onClose = restProps.onClose) === null || _restProps$onClose === void 0 ? void 0 : _restProps$onClose.call(restProps);
+    restProps.onClose();
 
     _action.current();
 
     _action.current = noop;
   };
 
-  if (process.env.NODE_ENV === "development" && !restProps.onClose) {
-    warn("\u0411\u0435\u0437 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 \"onClose\" \u043D\u0435\u043B\u044C\u0437\u044F \u0437\u0430\u043A\u0440\u044B\u0442\u044C ActionSheet \u043F\u043E \u043A\u043B\u0438\u043A\u0443 \u0432\u043D\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430", "error");
-  }
+  var _useAdaptivityWithMed = useAdaptivityWithMediaQueries(),
+      isDesktop = _useAdaptivityWithMed.isDesktop;
 
-  var isDesktop = useAdaptivityIsDesktop();
   useScrollLock(!isDesktop);
-  var timeout = platform === IOS ? 300 : 200;
+  var timeout = platform === Platform.IOS ? 300 : 200;
 
   if (isDesktop) {
     timeout = 0;
@@ -76,12 +70,12 @@ export var ActionSheet = function ActionSheet(_ref) {
       fallbackTransitionFinish.clear();
     }
   }, [closing, fallbackTransitionFinish]);
-  var onItemClick = React.useCallback(function (action, immediateAction, autoclose) {
+  var onItemClick = React.useCallback(function (action, immediateAction, autoClose) {
     return function (event) {
       event.persist();
       immediateAction && immediateAction(event);
 
-      if (autoclose) {
+      if (autoClose) {
         _action.current = function () {
           return action && action(event);
         };
@@ -107,14 +101,14 @@ export var ActionSheet = function ActionSheet(_ref) {
     onClose: onClose,
     className: isDesktop ? className : undefined,
     style: isDesktop ? style : undefined
-  }), (hasReactNode(header) || hasReactNode(text)) && createScopedElement("header", {
+  }), (header || text) && createScopedElement("header", {
     vkuiClass: "ActionSheet__header"
-  }, hasReactNode(header) && createScopedElement(Footnote, {
+  }, header && createScopedElement(Footnote, {
     weight: "2",
     vkuiClass: "ActionSheet__title"
-  }, header), hasReactNode(text) && createScopedElement(Footnote, {
+  }, header), text && createScopedElement(Footnote, {
     vkuiClass: "ActionSheet__text"
-  }, text)), children, platform === IOS && !isDesktop && iosCloseItem));
+  }, text)), children, platform === Platform.IOS && !isDesktop && iosCloseItem));
 
   if (isDesktop) {
     return actionSheet;

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.js","names":["React","PopoutWrapper","IOS","ActionSheetDropdownDesktop","ActionSheetDropdown","hasReactNode","noop","ActionSheetContext","Footnote","usePlatform","useTimeout","useAdaptivityIsDesktop","useObjectMemo","warnOnce","useScrollLock","warn","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","process","env","NODE_ENV","isDesktop","timeout","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","DropdownComponent","actionSheet","undefined"],"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { IOS } from \"../../lib/platform\";\nimport { ActionSheetDropdownDesktop } from \"./ActionSheetDropdownDesktop\";\nimport { ActionSheetDropdown } from \"./ActionSheetDropdown\";\nimport { hasReactNode, 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 { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SharedDropdownProps, PopupDirection, 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   * Закрыть попап по клику снаружи. В v5 будет обязательным.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   * В v5 будет обязательным.\n   */\n  toggleRef?: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Только iOS. В v5 будет обязательным.\n   */\n  iosCloseItem?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"ActionSheet\");\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  if (process.env.NODE_ENV === \"development\" && !restProps.onClose) {\n    warn(\n      `Без свойства \"onClose\" нельзя закрыть ActionSheet по клику вне компонента`,\n      \"error\"\n    );\n  }\n\n  const isDesktop = useAdaptivityIsDesktop();\n\n  useScrollLock(!isDesktop);\n\n  let timeout = 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        {(hasReactNode(header) || hasReactNode(text)) && (\n          <header vkuiClass=\"ActionSheet__header\">\n            {hasReactNode(header) && (\n              <Footnote weight=\"2\" vkuiClass=\"ActionSheet__title\">\n                {header}\n              </Footnote>\n            )}\n            {hasReactNode(text) && (\n              <Footnote vkuiClass=\"ActionSheet__text\">{text}</Footnote>\n            )}\n          </header>\n        )}\n        {children}\n        {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","useAdaptivityWithMediaQueries","useObjectMemo","useScrollLock","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","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","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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"}

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

@@ -1,6 +1,6 @@
 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 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> = {
     onItemClick?: ItemClickHandler<T>;
     isDesktop?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetContext.js","names":["React","ActionSheetContext","createContext"],"sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (\n  action: ActionType<T> | undefined,\n  immediateAction: ActionType<T> | undefined,\n  autoclose: boolean\n) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  isDesktop?: boolean;\n};\n\nexport const ActionSheetContext = React.createContext<\n  ActionSheetContextType<any>\n>({});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAeA,OAAO,IAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAN,CAEhC,EAFgC,CAA3B"}
+{"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,KAAZ,MAAuB,OAAvB;AAeA,OAAO,IAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAN,CAEhC,EAFgC,CAA3B"}

package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js

@@ -3,7 +3,7 @@ import { createScopedElement } from "../../lib/jsxRuntime";
 import { ActionSheetItem } from "../ActionSheetItem/ActionSheetItem";
 export var ActionSheetDefaultIosCloseItem = function ActionSheetDefaultIosCloseItem(props) {
   return createScopedElement(ActionSheetItem, _extends({
-    autoclose: true,
+    autoClose: true,
     mode: "cancel"
   }, props), "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C");
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDefaultIosCloseItem.js","names":["ActionSheetItem","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,SACEA,eADF;AAKA,OAAO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAAiC,CAACC,KAAD,EAAiC;EAC7E,OACE,oBAAC,eAAD;IAAiB,SAAS,MAA1B;IAA2B,IAAI,EAAC;EAAhC,GAA6CA,KAA7C,sDADF;AAKD,CANM"}
+{"version":3,"file":"ActionSheetDefaultIosCloseItem.js","names":["ActionSheetItem","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,SACEA,eADF;AAKA,OAAO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAAiC,CAACC,KAAD,EAAiC;EAC7E,OACE,oBAAC,eAAD;IAAiB,SAAS,MAA1B;IAA2B,IAAI,EAAC;EAAhC,GAA6CA,KAA7C,sDADF;AAKD,CANM"}

package/dist/components/ActionSheet/ActionSheetDropdown.js

@@ -2,10 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "closing", "toggleRef", "popupDirection"];
 import { createScopedElement } from "../../lib/jsxRuntime";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import { classNames } from "../../lib/classNames";
 import { Platform } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
-import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { useAdaptivityWithMediaQueries } from "../../hooks/useAdaptivityWithMediaQueries";
 import { FocusTrap } from "../FocusTrap/FocusTrap";
 
 var stopPropagation = function stopPropagation(e) {
@@ -19,13 +20,13 @@ export var ActionSheetDropdown = function ActionSheetDropdown(_ref) {
       popupDirection = _ref.popupDirection,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var _useAdaptivity = useAdaptivity(),
-      sizeY = _useAdaptivity.sizeY;
+  var _useAdaptivityWithMed = useAdaptivityWithMediaQueries(),
+      sizeY = _useAdaptivityWithMed.sizeY;
 
   var platform = usePlatform();
   return createScopedElement(FocusTrap, _extends({}, restProps, {
     onClick: stopPropagation,
-    vkuiClass: classNames("ActionSheet", platform === Platform.IOS && "ActionSheet--ios", closing && "ActionSheet--closing", "ActionSheet--sizeY-".concat(sizeY))
+    vkuiClass: classNames("ActionSheet", platform === Platform.IOS && "ActionSheet--ios", closing && "ActionSheet--closing", getSizeYClassName("ActionSheet", sizeY))
   }), children);
 };
 //# sourceMappingURL=ActionSheetDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdown.js","names":["classNames","Platform","usePlatform","useAdaptivity","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","sizeY","platform","IOS"],"sources":["../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\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 } = useAdaptivity();\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        `ActionSheet--sizeY-${sizeY}`\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,QAAT;AACA,SAASC,WAAT;AACA,SAASC,aAAT;AAEA,SAASC,SAAT;;AAGA,IAAMC,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;EAAA,OAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEA,OAAO,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,qBAAkBT,aAAa,EAA/B;EAAA,IAAQU,KAAR,kBAAQA,KAAR;;EACA,IAAMC,QAAQ,GAAGZ,WAAW,EAA5B;EAEA,OACE,oBAAC,SAAD,eACMU,SADN;IAEE,OAAO,EAAEP,eAFX;IAGE,SAAS,EAAEL,UAAU,CACnB,aADmB,EAEnBc,QAAQ,KAAKb,QAAQ,CAACc,GAAtB,IAA6B,kBAFV,EAGnBN,OAAO,IAAI,sBAHQ,+BAIGI,KAJH;EAHvB,IAUGL,QAVH,CADF;AAcD,CAzBM"}
+{"version":3,"file":"ActionSheetDropdown.js","names":["getSizeYClassName","classNames","Platform","usePlatform","useAdaptivityWithMediaQueries","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","sizeY","platform","IOS"],"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,SAASA,iBAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,WAAT;AACA,SAASC,6BAAT;AAEA,SAASC,SAAT;;AAGA,IAAMC,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;EAAA,OAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEA,OAAO,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,4BAAkBT,6BAA6B,EAA/C;EAAA,IAAQU,KAAR,yBAAQA,KAAR;;EACA,IAAMC,QAAQ,GAAGZ,WAAW,EAA5B;EAEA,OACE,oBAAC,SAAD,eACMU,SADN;IAEE,OAAO,EAAEP,eAFX;IAGE,SAAS,EAAEL,UAAU,CACnB,aADmB,EAEnBc,QAAQ,KAAKb,QAAQ,CAACc,GAAtB,IAA6B,kBAFV,EAGnBN,OAAO,IAAI,sBAHQ,EAInBV,iBAAiB,CAAC,aAAD,EAAgBc,KAAhB,CAJE;EAHvB,IAUGL,QAVH,CADF;AAcD,CAzBM"}

package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js

@@ -3,11 +3,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "toggleRef", "closing", "popupDirection", "onClose", "className", "style"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import { classNames } from "../../lib/classNames";
 import { useDOM } from "../../lib/dom";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useEffectDev } from "../../hooks/useEffectDev";
-import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { useAdaptivityWithMediaQueries } from "../../hooks/useAdaptivityWithMediaQueries";
 import { isRefObject } from "../../lib/isRefObject";
 import { warnOnce } from "../../lib/warnOnce";
 import { Platform } from "../../lib/platform";
@@ -35,8 +36,8 @@ export var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref
 
   var platform = usePlatform();
 
-  var _useAdaptivity = useAdaptivity(),
-      sizeY = _useAdaptivity.sizeY;
+  var _useAdaptivityWithMed = useAdaptivityWithMediaQueries(),
+      sizeY = _useAdaptivityWithMed.sizeY;
 
   var elementRef = React.useRef(null);
   useEffectDev(function () {
@@ -77,7 +78,7 @@ export var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref
     targetRef: targetRef,
     offsetDistance: 0,
     placement: isPopupDirectionTop ? "top-end" : "bottom-end",
-    vkuiClass: classNames("ActionSheet", platform === Platform.IOS && "ActionSheet--ios", "ActionSheet--desktop", "ActionSheet--sizeY-".concat(sizeY)),
+    vkuiClass: classNames("ActionSheet", platform === Platform.IOS && "ActionSheet--ios", "ActionSheet--desktop", getSizeYClassName("ActionSheet", sizeY)),
     className: className,
     style: style,
     getRef: elementRef,

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdownDesktop.js","names":["React","classNames","useDOM","usePlatform","useEffectDev","useAdaptivity","isRefObject","warnOnce","Platform","useEventListener","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","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 { classNames } from \"../../lib/classNames\";\nimport { useDOM } from \"../../lib/dom\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useEffectDev } from \"../../hooks/useEffectDev\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\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 } = useAdaptivity();\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, MouseEvent>) => 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        `ActionSheet--sizeY-${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":["React","getSizeYClassName","classNames","useDOM","usePlatform","useEffectDev","useAdaptivityWithMediaQueries","isRefObject","warnOnce","Platform","useEventListener","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","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 \"../../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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"}

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

@@ -1,12 +1,11 @@
 import * as React from "react";
-import { AdaptivityProps } from "../../hoc/withAdaptivity";
 import "./ActionSheetItem.css";
-export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>, React.AnchorHTMLAttributes<HTMLElement>, Pick<React.InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value">, AdaptivityProps {
+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;
-    autoclose?: boolean;
+    autoClose?: boolean;
     selectable?: boolean;
     disabled?: boolean;
     /**
@@ -14,7 +13,7 @@ export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>,
      */
     multiline?: boolean;
     /**
-     * Если autoclose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.
+     * Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.
      * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.
      * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.
      */
@@ -24,4 +23,5 @@ export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>,
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
  */
-export declare const ActionSheetItem: React.FC<Pick<ActionSheetItemProps, "disabled" | "media" | "hidden" | "dir" | "meta" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "target" | "type" | "role" | "tabIndex" | "href" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "referrerPolicy" | "rel" | "value" | "download" | "ping" | "checked" | "before" | "autoclose" | "subtitle" | "selectable" | "onImmediateClick" | "multiline"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+declare const ActionSheetItem: ({ children, autoClose, mode, meta, subtitle, before, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline, ...restProps }: ActionSheetItemProps) => JSX.Element;
+export { ActionSheetItem };

package/dist/components/ActionSheetItem/ActionSheetItem.js

@@ -1,22 +1,26 @@
 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", "sizeY", "onImmediateClick", "multiline"];
+var _excluded = ["children", "autoClose", "mode", "meta", "subtitle", "before", "selectable", "value", "name", "checked", "defaultChecked", "onChange", "onClick", "onImmediateClick", "multiline"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import { classNames } from "../../lib/classNames";
 import { Tappable } from "../Tappable/Tappable";
 import { usePlatform } from "../../hooks/usePlatform";
-import { hasReactNode, noop } from "../../lib/utils";
+import { noop } from "../../lib/utils";
 import { Platform } from "../../lib/platform";
 import { Subhead } from "../Typography/Subhead/Subhead";
 import { Text } from "../Typography/Text/Text";
 import { Icon24CheckCircleOn } from "@vkontakte/icons";
 import { ActionSheetContext } from "../ActionSheet/ActionSheetContext";
-import { withAdaptivity } from "../../hoc/withAdaptivity";
+import { useAdaptivityWithMediaQueries } from "../../hooks/useAdaptivityWithMediaQueries";
 
-var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
+ */
+var ActionSheetItem = function ActionSheetItem(_ref) {
   var children = _ref.children,
-      autoclose = _ref.autoclose,
+      autoClose = _ref.autoClose,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "default" : _ref$mode,
       meta = _ref.meta,
@@ -29,7 +33,6 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
       defaultChecked = _ref.defaultChecked,
       onChange = _ref.onChange,
       onClick = _ref.onClick,
-      sizeY = _ref.sizeY,
       onImmediateClick = _ref.onImmediateClick,
       _ref$multiline = _ref.multiline,
       multiline = _ref$multiline === void 0 ? false : _ref$multiline,
@@ -44,20 +47,23 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
   } : _React$useContext$onI,
       isDesktop = _React$useContext.isDesktop;
 
+  var _useAdaptivityWithMed = useAdaptivityWithMediaQueries(),
+      sizeY = _useAdaptivityWithMed.sizeY;
+
   var Component = restProps.href ? "a" : "div";
 
   if (selectable) {
     Component = "label";
   }
 
-  var isRich = hasReactNode(subtitle) || hasReactNode(meta) || selectable;
-  var isCentered = !isRich && !hasReactNode(before) && platform === Platform.IOS;
+  var isRich = subtitle || meta || selectable;
+  var isCentered = !isRich && !before && platform === Platform.IOS;
   return createScopedElement(Tappable, _extends({}, restProps, {
-    onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoclose)),
+    onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose)),
     activeMode: platform === Platform.IOS ? "ActionSheetItem--active" : undefined,
-    vkuiClass: classNames("ActionSheetItem", platform === Platform.IOS && "ActionSheetItem--ios", "ActionSheetItem--".concat(mode), "ActionSheetItem--sizeY-".concat(sizeY), isRich && "ActionSheetItem--rich", isDesktop && "ActionSheetItem--desktop"),
+    vkuiClass: classNames("ActionSheetItem", platform === Platform.IOS && "ActionSheetItem--ios", "ActionSheetItem--mode-".concat(mode), getSizeYClassName("ActionSheetItem", sizeY), isRich && "ActionSheetItem--rich", isDesktop && "ActionSheetItem--desktop"),
     Component: Component
-  }), hasReactNode(before) && createScopedElement("div", {
+  }), before && createScopedElement("div", {
     vkuiClass: "ActionSheetItem__before"
   }, before), createScopedElement("div", {
     vkuiClass: classNames("ActionSheetItem__container", !multiline && "ActionSheetItem--ellipsis")
@@ -66,9 +72,9 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
   }, createScopedElement(Text, {
     weight: mode === "cancel" ? "2" : undefined,
     vkuiClass: "ActionSheetItem__children"
-  }, children), hasReactNode(meta) && createScopedElement(Text, {
+  }, children), meta && createScopedElement(Text, {
     vkuiClass: "ActionSheetItem__meta"
-  }, meta)), hasReactNode(subtitle) && createScopedElement(Subhead, {
+  }, meta)), subtitle && createScopedElement(Subhead, {
     vkuiClass: "ActionSheetItem__subtitle"
   }, subtitle)), selectable && createScopedElement("div", {
     vkuiClass: "ActionSheetItem__after"
@@ -78,7 +84,7 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
     name: name,
     value: value,
     onChange: onChange,
-    onClick: onItemClick(noop, noop, Boolean(autoclose)),
+    onClick: onItemClick(noop, noop, Boolean(autoClose)),
     defaultChecked: defaultChecked,
     checked: checked,
     disabled: restProps.disabled
@@ -86,12 +92,6 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
     vkuiClass: "ActionSheetItem__marker"
   }, createScopedElement(Icon24CheckCircleOn, null))));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
- */
-
 
-export var ActionSheetItem = withAdaptivity(ActionSheetItemComponent, {
-  sizeY: true
-});
+export { ActionSheetItem };
 //# sourceMappingURL=ActionSheetItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.js","names":["React","classNames","Tappable","usePlatform","hasReactNode","noop","Platform","Subhead","Text","Icon24CheckCircleOn","ActionSheetContext","withAdaptivity","ActionSheetItemComponent","children","autoclose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","sizeY","onImmediateClick","multiline","restProps","platform","useContext","onItemClick","isDesktop","Component","href","isRich","isCentered","IOS","Boolean","undefined","disabled","ActionSheetItem"],"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Icon24CheckCircleOn } from \"@vkontakte/icons\";\nimport {\n  ActionSheetContext,\n  ActionSheetContextType,\n} from \"../ActionSheet/ActionSheetContext\";\nimport { AdaptivityProps, withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport \"./ActionSheetItem.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    AdaptivityProps {\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\nconst ActionSheetItemComponent = ({\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  sizeY,\n  onImmediateClick,\n  multiline = false,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n\n  let Component: React.ElementType = restProps.href ? \"a\" : \"div\";\n\n  if (selectable) {\n    Component = \"label\";\n  }\n\n  const isRich = hasReactNode(subtitle) || hasReactNode(meta) || selectable;\n  const isCentered =\n    !isRich && !hasReactNode(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 ? \"ActionSheetItem--active\" : undefined\n      }\n      vkuiClass={classNames(\n        \"ActionSheetItem\",\n        platform === Platform.IOS && \"ActionSheetItem--ios\",\n        `ActionSheetItem--${mode}`,\n        `ActionSheetItem--sizeY-${sizeY}`,\n        isRich && \"ActionSheetItem--rich\",\n        isDesktop && \"ActionSheetItem--desktop\"\n      )}\n      Component={Component}\n    >\n      {hasReactNode(before) && (\n        <div vkuiClass=\"ActionSheetItem__before\">{before}</div>\n      )}\n      <div\n        vkuiClass={classNames(\n          \"ActionSheetItem__container\",\n          !multiline && \"ActionSheetItem--ellipsis\"\n        )}\n      >\n        <div\n          vkuiClass={classNames(\n            \"ActionSheetItem__content\",\n            isCentered && \"ActionSheetItem--centered\"\n          )}\n        >\n          <Text\n            weight={mode === \"cancel\" ? \"2\" : undefined}\n            vkuiClass=\"ActionSheetItem__children\"\n          >\n            {children}\n          </Text>\n          {hasReactNode(meta) && (\n            <Text vkuiClass=\"ActionSheetItem__meta\">{meta}</Text>\n          )}\n        </div>\n        {hasReactNode(subtitle) && (\n          <Subhead vkuiClass=\"ActionSheetItem__subtitle\">{subtitle}</Subhead>\n        )}\n      </div>\n      {selectable && (\n        <div vkuiClass=\"ActionSheetItem__after\">\n          <input\n            type=\"radio\"\n            vkuiClass=\"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 vkuiClass=\"ActionSheetItem__marker\">\n            <Icon24CheckCircleOn />\n          </div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nexport const ActionSheetItem = withAdaptivity(ActionSheetItemComponent, {\n  sizeY: true,\n});\n"],"mappings":"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"}
+{"version":3,"file":"ActionSheetItem.js","names":["React","getSizeYClassName","classNames","Tappable","usePlatform","noop","Platform","Subhead","Text","Icon24CheckCircleOn","ActionSheetContext","useAdaptivityWithMediaQueries","ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","restProps","platform","useContext","onItemClick","isDesktop","sizeY","Component","href","isRich","isCentered","IOS","Boolean","undefined","disabled"],"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { noop } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Icon24CheckCircleOn } from \"@vkontakte/icons\";\nimport {\n  ActionSheetContext,\n  type ActionSheetContextType,\n} from \"../ActionSheet/ActionSheetContext\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\nimport \"./ActionSheetItem.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\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  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithMediaQueries();\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 ? \"ActionSheetItem--active\" : undefined\n      }\n      vkuiClass={classNames(\n        \"ActionSheetItem\",\n        platform === Platform.IOS && \"ActionSheetItem--ios\",\n        `ActionSheetItem--mode-${mode}`,\n        getSizeYClassName(\"ActionSheetItem\", sizeY),\n        isRich && \"ActionSheetItem--rich\",\n        isDesktop && \"ActionSheetItem--desktop\"\n      )}\n      Component={Component}\n    >\n      {before && <div vkuiClass=\"ActionSheetItem__before\">{before}</div>}\n      <div\n        vkuiClass={classNames(\n          \"ActionSheetItem__container\",\n          !multiline && \"ActionSheetItem--ellipsis\"\n        )}\n      >\n        <div\n          vkuiClass={classNames(\n            \"ActionSheetItem__content\",\n            isCentered && \"ActionSheetItem--centered\"\n          )}\n        >\n          <Text\n            weight={mode === \"cancel\" ? \"2\" : undefined}\n            vkuiClass=\"ActionSheetItem__children\"\n          >\n            {children}\n          </Text>\n          {meta && <Text vkuiClass=\"ActionSheetItem__meta\">{meta}</Text>}\n        </div>\n        {subtitle && (\n          <Subhead vkuiClass=\"ActionSheetItem__subtitle\">{subtitle}</Subhead>\n        )}\n      </div>\n      {selectable && (\n        <div vkuiClass=\"ActionSheetItem__after\">\n          <input\n            type=\"radio\"\n            vkuiClass=\"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 vkuiClass=\"ActionSheetItem__marker\">\n            <Icon24CheckCircleOn />\n          </div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nexport { ActionSheetItem };\n"],"mappings":"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"}

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

@@ -1,20 +1,5 @@
 import * as React from "react";
-export declare enum SizeType {
-    COMPACT = "compact",
-    REGULAR = "regular"
-}
-export declare enum ViewWidth {
-    SMALL_MOBILE = 1,
-    MOBILE = 2,
-    SMALL_TABLET = 3,
-    TABLET = 4,
-    DESKTOP = 5
-}
-export declare enum ViewHeight {
-    EXTRA_SMALL = 1,
-    SMALL = 2,
-    MEDIUM = 3
-}
+import { SizeType, ViewWidth, ViewHeight } from "../../lib/adaptivity";
 export interface SizeProps {
     sizeX?: SizeType;
     sizeY?: SizeType;
@@ -37,10 +22,4 @@ export interface AdaptivityProps extends SizeProps {
      */
     deviceHasHover?: boolean;
 }
-export interface AdaptivityContextInterface extends SizeProps {
-    viewWidth: ViewWidth;
-    viewHeight: ViewHeight;
-    hasMouse: boolean;
-    deviceHasHover: boolean;
-}
-export declare const AdaptivityContext: React.Context<AdaptivityContextInterface>;
+export declare const AdaptivityContext: React.Context<AdaptivityProps>;

package/dist/components/AdaptivityProvider/AdaptivityContext.js

@@ -1,36 +1,3 @@
 import * as React from "react";
-import { hasHover, hasMouse } from "@vkontakte/vkjs";
-export var SizeType;
-
-(function (SizeType) {
-  SizeType["COMPACT"] = "compact";
-  SizeType["REGULAR"] = "regular";
-})(SizeType || (SizeType = {}));
-
-export var ViewWidth;
-
-(function (ViewWidth) {
-  ViewWidth[ViewWidth["SMALL_MOBILE"] = 1] = "SMALL_MOBILE";
-  ViewWidth[ViewWidth["MOBILE"] = 2] = "MOBILE";
-  ViewWidth[ViewWidth["SMALL_TABLET"] = 3] = "SMALL_TABLET";
-  ViewWidth[ViewWidth["TABLET"] = 4] = "TABLET";
-  ViewWidth[ViewWidth["DESKTOP"] = 5] = "DESKTOP";
-})(ViewWidth || (ViewWidth = {}));
-
-export var ViewHeight;
-
-(function (ViewHeight) {
-  ViewHeight[ViewHeight["EXTRA_SMALL"] = 1] = "EXTRA_SMALL";
-  ViewHeight[ViewHeight["SMALL"] = 2] = "SMALL";
-  ViewHeight[ViewHeight["MEDIUM"] = 3] = "MEDIUM";
-})(ViewHeight || (ViewHeight = {}));
-
-export var AdaptivityContext = /*#__PURE__*/React.createContext({
-  sizeX: SizeType.COMPACT,
-  sizeY: SizeType.REGULAR,
-  hasMouse: hasMouse,
-  deviceHasHover: hasHover,
-  viewWidth: 0,
-  viewHeight: 0
-});
+export var AdaptivityContext = /*#__PURE__*/React.createContext({});
 //# sourceMappingURL=AdaptivityContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdaptivityContext.js","names":["React","hasHover","hasMouse","SizeType","ViewWidth","ViewHeight","AdaptivityContext","createContext","sizeX","COMPACT","sizeY","REGULAR","deviceHasHover","viewWidth","viewHeight"],"sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasHover, hasMouse } from \"@vkontakte/vkjs\";\n\nexport enum SizeType {\n  COMPACT = \"compact\",\n  REGULAR = \"regular\",\n}\n\nexport enum ViewWidth {\n  SMALL_MOBILE = 1,\n  MOBILE,\n  SMALL_TABLET,\n  TABLET,\n  DESKTOP,\n}\n\nexport enum ViewHeight {\n  EXTRA_SMALL = 1,\n  SMALL,\n  MEDIUM,\n}\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  hasMouse?: boolean;\n  /**\n   * @ignore\n   */\n  deviceHasHover?: boolean;\n}\n\nexport interface AdaptivityContextInterface extends SizeProps {\n  viewWidth: ViewWidth;\n  viewHeight: ViewHeight;\n  hasMouse: boolean;\n  deviceHasHover: boolean;\n}\n\nexport const AdaptivityContext =\n  React.createContext<AdaptivityContextInterface>({\n    sizeX: SizeType.COMPACT,\n    sizeY: SizeType.REGULAR,\n    hasMouse,\n    deviceHasHover: hasHover,\n    viewWidth: 0,\n    viewHeight: 0,\n  });\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAmBC,QAAnB,QAAmC,iBAAnC;AAEA,WAAYC,QAAZ;;WAAYA,Q;EAAAA,Q;EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAKZ,WAAYC,SAAZ;;WAAYA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAQZ,WAAYC,UAAZ;;WAAYA,U;EAAAA,U,CAAAA,U;EAAAA,U,CAAAA,U;EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AAqCZ,OAAO,IAAMC,iBAAiB,gBAC5BN,KAAK,CAACO,aAAN,CAAgD;EAC9CC,KAAK,EAAEL,QAAQ,CAACM,OAD8B;EAE9CC,KAAK,EAAEP,QAAQ,CAACQ,OAF8B;EAG9CT,QAAQ,EAARA,QAH8C;EAI9CU,cAAc,EAAEX,QAJ8B;EAK9CY,SAAS,EAAE,CALmC;EAM9CC,UAAU,EAAE;AANkC,CAAhD,CADK"}
+{"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  hasMouse?: boolean;\n  /**\n   * @ignore\n   */\n  deviceHasHover?: boolean;\n}\n\nexport const AdaptivityContext = React.createContext<AdaptivityProps>({});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AA2BA,OAAO,IAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAN,CAAqC,EAArC,CAA1B"}

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

@@ -1,15 +1,9 @@
 import * as React from "react";
-import { AdaptivityProps } from "./AdaptivityContext";
-export declare const DESKTOP_SIZE = 1280;
-export declare const TABLET_SIZE = 1024;
-export declare const SMALL_TABLET_SIZE = 768;
-export declare const MOBILE_SIZE = 320;
-export declare const MOBILE_LANDSCAPE_HEIGHT = 414;
-export declare const MEDIUM_HEIGHT = 720;
+import { type AdaptivityProps } from "./AdaptivityContext";
 export interface AdaptivityProviderProps extends AdaptivityProps {
     children?: React.ReactNode;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
  */
-export declare const AdaptivityProvider: (props: AdaptivityProviderProps) => JSX.Element;
+export declare const AdaptivityProvider: ({ viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover, children, }: React.PropsWithChildren<AdaptivityProps>) => JSX.Element;