@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -37,20 +37,17 @@ var _usePlatform = require("../../hooks/usePlatform");
 
 var _useTimeout = require("../../hooks/useTimeout");
 
-var _useAdaptivity = require("../../hooks/useAdaptivity");
+var _useAdaptivityWithMediaQueries = require("../../hooks/useAdaptivityWithMediaQueries");
 
 var _useObjectMemo = require("../../hooks/useObjectMemo");
 
-var _warnOnce = require("../../lib/warnOnce");
-
 var _ScrollContext = require("../AppRoot/ScrollContext");
 
 var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem", "popupDirection"];
-var warn = (0, _warnOnce.warnOnce)("ActionSheet");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
  */
-
 var ActionSheet = function ActionSheet(_ref) {
   var children = _ref.children,
       className = _ref.className,
@@ -75,22 +72,18 @@ var ActionSheet = function ActionSheet(_ref) {
   var _action = React.useRef(_utils.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 = _utils.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 = (0, _useAdaptivityWithMediaQueries.useAdaptivityWithMediaQueries)(),
+      isDesktop = _useAdaptivityWithMed.isDesktop;
 
-  var isDesktop = (0, _useAdaptivity.useAdaptivityIsDesktop)();
   (0, _ScrollContext.useScrollLock)(!isDesktop);
-  var timeout = platform === _platform.IOS ? 300 : 200;
+  var timeout = platform === _platform.Platform.IOS ? 300 : 200;
 
   if (isDesktop) {
     timeout = 0;
@@ -104,12 +97,12 @@ 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);
         };
@@ -135,14 +128,14 @@ var ActionSheet = function ActionSheet(_ref) {
     onClose: onClose,
     className: isDesktop ? className : undefined,
     style: isDesktop ? style : undefined
-  }), ((0, _utils.hasReactNode)(header) || (0, _utils.hasReactNode)(text)) && (0, _jsxRuntime.createScopedElement)("header", {
+  }), (header || text) && (0, _jsxRuntime.createScopedElement)("header", {
     vkuiClass: "ActionSheet__header"
-  }, (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
+  }, header && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
     weight: "2",
     vkuiClass: "ActionSheet__title"
-  }, header), (0, _utils.hasReactNode)(text) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
+  }, header), text && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
     vkuiClass: "ActionSheet__text"
-  }, text)), children, platform === _platform.IOS && !isDesktop && iosCloseItem));
+  }, text)), children, platform === _platform.Platform.IOS && !isDesktop && iosCloseItem));
 
   if (isDesktop) {
     return actionSheet;

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.js","names":["warn","warnOnce","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","restProps","platform","usePlatform","React","useState","closing","setClosing","onClose","_action","useRef","noop","afterClose","current","process","env","NODE_ENV","isDesktop","useAdaptivityIsDesktop","useScrollLock","timeout","IOS","fallbackTransitionFinish","useTimeout","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","useObjectMemo","DropdownComponent","ActionSheetDropdownDesktop","ActionSheetDropdown","actionSheet","undefined","hasReactNode"],"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":["ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","restProps","platform","usePlatform","React","useState","closing","setClosing","onClose","_action","useRef","noop","afterClose","current","useAdaptivityWithMediaQueries","isDesktop","useScrollLock","timeout","Platform","IOS","fallbackTransitionFinish","useTimeout","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","event","persist","contextValue","useObjectMemo","DropdownComponent","ActionSheetDropdownDesktop","ActionSheetDropdown","actionSheet","undefined"],"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { Platform } from \"../../lib/platform\";\nimport { ActionSheetDropdownDesktop } from \"./ActionSheetDropdownDesktop\";\nimport { ActionSheetDropdown } from \"./ActionSheetDropdown\";\nimport { noop } from \"../../lib/utils\";\nimport { ActionSheetContext, ItemClickHandler } from \"./ActionSheetContext\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { PopupDirection, SharedDropdownProps, ToggleRef } from \"./types\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport \"./ActionSheet.css\";\n\nexport interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: VoidFunction;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   */\n  toggleRef: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Только iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupDirection = \"bottom\",\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closing, setClosing] = React.useState(false);\n  const onClose = () => setClosing(true);\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose();\n    _action.current();\n    _action.current = noop;\n  };\n\n  const { isDesktop } = useAdaptivityWithMediaQueries();\n\n  useScrollLock(!isDesktop);\n\n  let timeout = platform === Platform.IOS ? 300 : 200;\n\n  if (isDesktop) {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closing) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closing, fallbackTransitionFinish]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    (action, immediateAction, autoClose) => (event) => {\n      event.persist();\n      immediateAction && immediateAction(event);\n      if (autoClose) {\n        _action.current = () => action && action(event);\n        setClosing(true);\n      } else {\n        action && action(event);\n      }\n    },\n    []\n  );\n  const contextValue = useObjectMemo({ onItemClick, isDesktop });\n\n  const DropdownComponent = isDesktop\n    ? ActionSheetDropdownDesktop\n    : ActionSheetDropdown;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...(restProps as Omit<SharedDropdownProps, \"closing\">)}\n        popupDirection={popupDirection}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(header || text) && (\n          <header vkuiClass=\"ActionSheet__header\">\n            {header && (\n              <Footnote weight=\"2\" vkuiClass=\"ActionSheet__title\">\n                {header}\n              </Footnote>\n            )}\n            {text && <Footnote vkuiClass=\"ActionSheet__text\">{text}</Footnote>}\n          </header>\n        )}\n        {children}\n        {platform === Platform.IOS && !isDesktop && iosCloseItem}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (isDesktop) {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={closing}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      hasMask\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAyBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OASH;EAAA,IARtBC,QAQsB,QARtBA,QAQsB;EAAA,IAPtBC,SAOsB,QAPtBA,SAOsB;EAAA,IANtBC,MAMsB,QANtBA,MAMsB;EAAA,IALtBC,IAKsB,QALtBA,IAKsB;EAAA,IAJtBC,KAIsB,QAJtBA,KAIsB;EAAA,IAHtBC,YAGsB,QAHtBA,YAGsB;EAAA,+BAFtBC,cAEsB;EAAA,IAFtBA,cAEsB,oCAFL,QAEK;EAAA,IADnBC,SACmB;EACtB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,sBAA8BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA9B;EAAA;EAAA,IAAOC,OAAP;EAAA,IAAgBC,UAAhB;;EACA,IAAMC,OAAO,GAAG,SAAVA,OAAU;IAAA,OAAMD,UAAU,CAAC,IAAD,CAAhB;EAAA,CAAhB;;EACA,IAAME,OAAO,GAAGL,KAAK,CAACM,MAAN,CAAaC,WAAb,CAAhB;;EAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;IACvBX,SAAS,CAACO,OAAV;;IACAC,OAAO,CAACI,OAAR;;IACAJ,OAAO,CAACI,OAAR,GAAkBF,WAAlB;EACD,CAJD;;EAMA,4BAAsB,IAAAG,4DAAA,GAAtB;EAAA,IAAQC,SAAR,yBAAQA,SAAR;;EAEA,IAAAC,4BAAA,EAAc,CAACD,SAAf;EAEA,IAAIE,OAAO,GAAGf,QAAQ,KAAKgB,kBAAA,CAASC,GAAtB,GAA4B,GAA5B,GAAkC,GAAhD;;EAEA,IAAIJ,SAAJ,EAAe;IACbE,OAAO,GAAG,CAAV;EACD;;EAED,IAAMG,wBAAwB,GAAG,IAAAC,sBAAA,EAAWT,UAAX,EAAuBK,OAAvB,CAAjC;EACAb,KAAK,CAACkB,SAAN,CAAgB,YAAM;IACpB,IAAIhB,OAAJ,EAAa;MACXc,wBAAwB,CAACG,GAAzB;IACD,CAFD,MAEO;MACLH,wBAAwB,CAACI,KAAzB;IACD;EACF,CAND,EAMG,CAAClB,OAAD,EAAUc,wBAAV,CANH;EAQA,IAAMK,WAAW,GAAGrB,KAAK,CAACsB,WAAN,CAClB,UAACC,MAAD,EAASC,eAAT,EAA0BC,SAA1B;IAAA,OAAwC,UAACC,KAAD,EAAW;MACjDA,KAAK,CAACC,OAAN;MACAH,eAAe,IAAIA,eAAe,CAACE,KAAD,CAAlC;;MACA,IAAID,SAAJ,EAAe;QACbpB,OAAO,CAACI,OAAR,GAAkB;UAAA,OAAMc,MAAM,IAAIA,MAAM,CAACG,KAAD,CAAtB;QAAA,CAAlB;;QACAvB,UAAU,CAAC,IAAD,CAAV;MACD,CAHD,MAGO;QACLoB,MAAM,IAAIA,MAAM,CAACG,KAAD,CAAhB;MACD;IACF,CATD;EAAA,CADkB,EAWlB,EAXkB,CAApB;EAaA,IAAME,YAAY,GAAG,IAAAC,4BAAA,EAAc;IAAER,WAAW,EAAXA,WAAF;IAAeV,SAAS,EAATA;EAAf,CAAd,CAArB;EAEA,IAAMmB,iBAAiB,GAAGnB,SAAS,GAC/BoB,sDAD+B,GAE/BC,wCAFJ;EAIA,IAAMC,WAAW,GACf,qCAAC,sCAAD,CAAoB,QAApB;IAA6B,KAAK,EAAEL;EAApC,GACE,qCAAC,iBAAD;IACE,OAAO,EAAE1B,OADX;IAEE,OAAO,EAAEW;EAFX,GAGOhB,SAHP;IAIE,cAAc,EAAED,cAJlB;IAKE,OAAO,EAAEQ,OALX;IAME,SAAS,EAAEO,SAAS,GAAGpB,SAAH,GAAe2C,SANrC;IAOE,KAAK,EAAEvB,SAAS,GAAGjB,KAAH,GAAWwC;EAP7B,IASG,CAAC1C,MAAM,IAAIC,IAAX,KACC;IAAQ,SAAS,EAAC;EAAlB,GACGD,MAAM,IACL,qCAAC,kBAAD;IAAU,MAAM,EAAC,GAAjB;IAAqB,SAAS,EAAC;EAA/B,GACGA,MADH,CAFJ,EAMGC,IAAI,IAAI,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GAAyCA,IAAzC,CANX,CAVJ,EAmBGH,QAnBH,EAoBGQ,QAAQ,KAAKgB,kBAAA,CAASC,GAAtB,IAA6B,CAACJ,SAA9B,IAA2ChB,YApB9C,CADF,CADF;;EA2BA,IAAIgB,SAAJ,EAAe;IACb,OAAOsB,WAAP;EACD;;EAED,OACE,qCAAC,4BAAD;IACE,OAAO,EAAE/B,OADX;IAEE,MAAM,EAAC,QAFT;IAGE,SAAS,EAAEX,SAHb;IAIE,KAAK,EAAEG,KAJT;IAKE,OAAO,EAAEU,OALX;IAME,OAAO,MANT;IAOE,KAAK;EAPP,GASG6B,WATH,CADF;AAaD,CAvGM"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetContext.js","names":["ActionSheetContext","React","createContext"],"sources":["../../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (\n  action: ActionType<T> | undefined,\n  immediateAction: ActionType<T> | undefined,\n  autoclose: boolean\n) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  isDesktop?: boolean;\n};\n\nexport const ActionSheetContext = React.createContext<\n  ActionSheetContextType<any>\n>({});\n"],"mappings":";;;;;;;;;AAAA;;AAeO,IAAMA,kBAAkB,gBAAGC,KAAK,CAACC,aAAN,CAEhC,EAFgC,CAA3B"}
+{"version":3,"file":"ActionSheetContext.js","names":["ActionSheetContext","React","createContext"],"sources":["../../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (\n  action: ActionType<T> | undefined,\n  immediateAction: ActionType<T> | undefined,\n  autoClose: boolean\n) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  isDesktop?: boolean;\n};\n\nexport const ActionSheetContext = React.createContext<\n  ActionSheetContextType<any>\n>({});\n"],"mappings":";;;;;;;;;AAAA;;AAeO,IAAMA,kBAAkB,gBAAGC,KAAK,CAACC,aAAN,CAEhC,EAFgC,CAA3B"}

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

@@ -15,7 +15,7 @@ var _ActionSheetItem = require("../ActionSheetItem/ActionSheetItem");
 
 var ActionSheetDefaultIosCloseItem = function ActionSheetDefaultIosCloseItem(props) {
   return (0, _jsxRuntime.createScopedElement)(_ActionSheetItem.ActionSheetItem, (0, _extends2.default)({
-    autoclose: true,
+    autoClose: true,
     mode: "cancel"
   }, props), "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C");
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDefaultIosCloseItem.js","names":["ActionSheetDefaultIosCloseItem","props"],"sources":["../../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import {\n  ActionSheetItem,\n  ActionSheetItemProps,\n} from \"../ActionSheetItem/ActionSheetItem\";\n\nexport const ActionSheetDefaultIosCloseItem = (props: ActionSheetItemProps) => {\n  return (\n    <ActionSheetItem autoclose mode=\"cancel\" {...props}>\n      Отменить\n    </ActionSheetItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAKO,IAAMA,8BAA8B,GAAG,SAAjCA,8BAAiC,CAACC,KAAD,EAAiC;EAC7E,OACE,qCAAC,gCAAD;IAAiB,SAAS,MAA1B;IAA2B,IAAI,EAAC;EAAhC,GAA6CA,KAA7C,sDADF;AAKD,CANM"}
+{"version":3,"file":"ActionSheetDefaultIosCloseItem.js","names":["ActionSheetDefaultIosCloseItem","props"],"sources":["../../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import {\n  ActionSheetItem,\n  ActionSheetItemProps,\n} from \"../ActionSheetItem/ActionSheetItem\";\n\nexport const ActionSheetDefaultIosCloseItem = (props: ActionSheetItemProps) => {\n  return (\n    <ActionSheetItem autoClose mode=\"cancel\" {...props}>\n      Отменить\n    </ActionSheetItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAKO,IAAMA,8BAA8B,GAAG,SAAjCA,8BAAiC,CAACC,KAAD,EAAiC;EAC7E,OACE,qCAAC,gCAAD;IAAiB,SAAS,MAA1B;IAA2B,IAAI,EAAC;EAAhC,GAA6CA,KAA7C,sDADF;AAKD,CANM"}

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

@@ -13,13 +13,15 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+
 var _classNames = require("../../lib/classNames");
 
 var _platform = require("../../lib/platform");
 
 var _usePlatform = require("../../hooks/usePlatform");
 
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivityWithMediaQueries = require("../../hooks/useAdaptivityWithMediaQueries");
 
 var _FocusTrap = require("../FocusTrap/FocusTrap");
 
@@ -36,13 +38,13 @@ var ActionSheetDropdown = function ActionSheetDropdown(_ref) {
       popupDirection = _ref.popupDirection,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-      sizeY = _useAdaptivity.sizeY;
+  var _useAdaptivityWithMed = (0, _useAdaptivityWithMediaQueries.useAdaptivityWithMediaQueries)(),
+      sizeY = _useAdaptivityWithMed.sizeY;
 
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_FocusTrap.FocusTrap, (0, _extends2.default)({}, restProps, {
     onClick: stopPropagation,
-    vkuiClass: (0, _classNames.classNames)("ActionSheet", platform === _platform.Platform.IOS && "ActionSheet--ios", closing && "ActionSheet--closing", "ActionSheet--sizeY-".concat(sizeY))
+    vkuiClass: (0, _classNames.classNames)("ActionSheet", platform === _platform.Platform.IOS && "ActionSheet--ios", closing && "ActionSheet--closing", (0, _getSizeYClassName.getSizeYClassName)("ActionSheet", sizeY))
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdown.js","names":["stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","useAdaptivity","sizeY","platform","usePlatform","classNames","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;;AACA;;AACA;;AACA;;AAEA;;;;AAGA,IAAMA,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;EAAA,OAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,OAOR;EAAA,IANzBC,QAMyB,QANzBA,QAMyB;EAAA,IALzBC,OAKyB,QALzBA,OAKyB;EAAA,IAHzBC,SAGyB,QAHzBA,SAGyB;EAAA,IAFzBC,cAEyB,QAFzBA,cAEyB;EAAA,IADtBC,SACsB;;EACzB,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,qCAAC,oBAAD,6BACMJ,SADN;IAEE,OAAO,EAAEP,eAFX;IAGE,SAAS,EAAE,IAAAY,sBAAA,EACT,aADS,EAETF,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6B,kBAFpB,EAGTV,OAAO,IAAI,sBAHF,+BAIaK,KAJb;EAHb,IAUGN,QAVH,CADF;AAcD,CAzBM"}
+{"version":3,"file":"ActionSheetDropdown.js","names":["stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","useAdaptivityWithMediaQueries","sizeY","platform","usePlatform","classNames","Platform","IOS","getSizeYClassName"],"sources":["../../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport \"./ActionSheet.css\";\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  popupDirection,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      vkuiClass={classNames(\n        \"ActionSheet\",\n        platform === Platform.IOS && \"ActionSheet--ios\",\n        closing && \"ActionSheet--closing\",\n        getSizeYClassName(\"ActionSheet\", sizeY)\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAGA,IAAMA,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;EAAA,OAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,OAOR;EAAA,IANzBC,QAMyB,QANzBA,QAMyB;EAAA,IALzBC,OAKyB,QALzBA,OAKyB;EAAA,IAHzBC,SAGyB,QAHzBA,SAGyB;EAAA,IAFzBC,cAEyB,QAFzBA,cAEyB;EAAA,IADtBC,SACsB;;EACzB,4BAAkB,IAAAC,4DAAA,GAAlB;EAAA,IAAQC,KAAR,yBAAQA,KAAR;;EACA,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,qCAAC,oBAAD,6BACMJ,SADN;IAEE,OAAO,EAAEP,eAFX;IAGE,SAAS,EAAE,IAAAY,sBAAA,EACT,aADS,EAETF,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6B,kBAFpB,EAGTV,OAAO,IAAI,sBAHF,EAIT,IAAAW,oCAAA,EAAkB,aAAlB,EAAiCN,KAAjC,CAJS;EAHb,IAUGN,QAVH,CADF;AAcD,CAzBM"}

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

@@ -17,6 +17,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var React = _interopRequireWildcard(require("react"));
 
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+
 var _classNames = require("../../lib/classNames");
 
 var _dom = require("../../lib/dom");
@@ -25,7 +27,7 @@ var _usePlatform = require("../../hooks/usePlatform");
 
 var _useEffectDev = require("../../hooks/useEffectDev");
 
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivityWithMediaQueries = require("../../hooks/useAdaptivityWithMediaQueries");
 
 var _isRefObject = require("../../lib/isRefObject");
 
@@ -61,8 +63,8 @@ var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref) {
 
   var platform = (0, _usePlatform.usePlatform)();
 
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-      sizeY = _useAdaptivity.sizeY;
+  var _useAdaptivityWithMed = (0, _useAdaptivityWithMediaQueries.useAdaptivityWithMediaQueries)(),
+      sizeY = _useAdaptivityWithMed.sizeY;
 
   var elementRef = React.useRef(null);
   (0, _useEffectDev.useEffectDev)(function () {
@@ -103,7 +105,7 @@ var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref) {
     targetRef: targetRef,
     offsetDistance: 0,
     placement: isPopupDirectionTop ? "top-end" : "bottom-end",
-    vkuiClass: (0, _classNames.classNames)("ActionSheet", platform === _platform.Platform.IOS && "ActionSheet--ios", "ActionSheet--desktop", "ActionSheet--sizeY-".concat(sizeY)),
+    vkuiClass: (0, _classNames.classNames)("ActionSheet", platform === _platform.Platform.IOS && "ActionSheet--ios", "ActionSheet--desktop", (0, _getSizeYClassName.getSizeYClassName)("ActionSheet", sizeY)),
     className: className,
     style: style,
     getRef: elementRef,

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

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

package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js

@@ -17,6 +17,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var React = _interopRequireWildcard(require("react"));
 
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+
 var _classNames = require("../../lib/classNames");
 
 var _Tappable = require("../Tappable/Tappable");
@@ -35,13 +37,16 @@ var _icons = require("@vkontakte/icons");
 
 var _ActionSheetContext = require("../ActionSheet/ActionSheetContext");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
+var _useAdaptivityWithMediaQueries = require("../../hooks/useAdaptivityWithMediaQueries");
 
-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"];
 
-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,
@@ -54,7 +59,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,
@@ -68,20 +72,23 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
   } : _React$useContext$onI,
       isDesktop = _React$useContext.isDesktop;
 
+  var _useAdaptivityWithMed = (0, _useAdaptivityWithMediaQueries.useAdaptivityWithMediaQueries)(),
+      sizeY = _useAdaptivityWithMed.sizeY;
+
   var Component = restProps.href ? "a" : "div";
 
   if (selectable) {
     Component = "label";
   }
 
-  var isRich = (0, _utils.hasReactNode)(subtitle) || (0, _utils.hasReactNode)(meta) || selectable;
-  var isCentered = !isRich && !(0, _utils.hasReactNode)(before) && platform === _platform.Platform.IOS;
+  var isRich = subtitle || meta || selectable;
+  var isCentered = !isRich && !before && platform === _platform.Platform.IOS;
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
-    onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoclose)),
+    onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose)),
     activeMode: platform === _platform.Platform.IOS ? "ActionSheetItem--active" : undefined,
-    vkuiClass: (0, _classNames.classNames)("ActionSheetItem", platform === _platform.Platform.IOS && "ActionSheetItem--ios", "ActionSheetItem--".concat(mode), "ActionSheetItem--sizeY-".concat(sizeY), isRich && "ActionSheetItem--rich", isDesktop && "ActionSheetItem--desktop"),
+    vkuiClass: (0, _classNames.classNames)("ActionSheetItem", platform === _platform.Platform.IOS && "ActionSheetItem--ios", "ActionSheetItem--mode-".concat(mode), (0, _getSizeYClassName.getSizeYClassName)("ActionSheetItem", sizeY), isRich && "ActionSheetItem--rich", isDesktop && "ActionSheetItem--desktop"),
     Component: Component
-  }), (0, _utils.hasReactNode)(before) && (0, _jsxRuntime.createScopedElement)("div", {
+  }), before && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ActionSheetItem__before"
   }, before), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: (0, _classNames.classNames)("ActionSheetItem__container", !multiline && "ActionSheetItem--ellipsis")
@@ -90,9 +97,9 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
   }, (0, _jsxRuntime.createScopedElement)(_Text.Text, {
     weight: mode === "cancel" ? "2" : undefined,
     vkuiClass: "ActionSheetItem__children"
-  }, children), (0, _utils.hasReactNode)(meta) && (0, _jsxRuntime.createScopedElement)(_Text.Text, {
+  }, children), meta && (0, _jsxRuntime.createScopedElement)(_Text.Text, {
     vkuiClass: "ActionSheetItem__meta"
-  }, meta)), (0, _utils.hasReactNode)(subtitle) && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
+  }, meta)), subtitle && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
     vkuiClass: "ActionSheetItem__subtitle"
   }, subtitle)), selectable && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ActionSheetItem__after"
@@ -102,7 +109,7 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
     name: name,
     value: value,
     onChange: onChange,
-    onClick: onItemClick(_utils.noop, _utils.noop, Boolean(autoclose)),
+    onClick: onItemClick(_utils.noop, _utils.noop, Boolean(autoClose)),
     defaultChecked: defaultChecked,
     checked: checked,
     disabled: restProps.disabled
@@ -110,13 +117,6 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
     vkuiClass: "ActionSheetItem__marker"
   }, (0, _jsxRuntime.createScopedElement)(_icons.Icon24CheckCircleOn, null))));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
- */
 
-
-var ActionSheetItem = (0, _withAdaptivity.withAdaptivity)(ActionSheetItemComponent, {
-  sizeY: true
-});
 exports.ActionSheetItem = ActionSheetItem;
 //# sourceMappingURL=ActionSheetItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.js","names":["ActionSheetItemComponent","children","autoclose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","sizeY","onImmediateClick","multiline","restProps","platform","usePlatform","React","useContext","ActionSheetContext","onItemClick","noop","isDesktop","Component","href","isRich","hasReactNode","isCentered","Platform","IOS","Boolean","undefined","classNames","disabled","ActionSheetItem","withAdaptivity"],"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":["ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","restProps","platform","usePlatform","React","useContext","ActionSheetContext","onItemClick","noop","isDesktop","useAdaptivityWithMediaQueries","sizeY","Component","href","isRich","isCentered","Platform","IOS","Boolean","undefined","classNames","getSizeYClassName","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/cjs/components/AdaptivityProvider/AdaptivityContext.js

@@ -5,47 +5,10 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ViewWidth = exports.ViewHeight = exports.SizeType = exports.AdaptivityContext = void 0;
+exports.AdaptivityContext = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _vkjs = require("@vkontakte/vkjs");
-
-var SizeType;
-exports.SizeType = SizeType;
-
-(function (SizeType) {
-  SizeType["COMPACT"] = "compact";
-  SizeType["REGULAR"] = "regular";
-})(SizeType || (exports.SizeType = SizeType = {}));
-
-var ViewWidth;
-exports.ViewWidth = 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 || (exports.ViewWidth = ViewWidth = {}));
-
-var ViewHeight;
-exports.ViewHeight = ViewHeight;
-
-(function (ViewHeight) {
-  ViewHeight[ViewHeight["EXTRA_SMALL"] = 1] = "EXTRA_SMALL";
-  ViewHeight[ViewHeight["SMALL"] = 2] = "SMALL";
-  ViewHeight[ViewHeight["MEDIUM"] = 3] = "MEDIUM";
-})(ViewHeight || (exports.ViewHeight = ViewHeight = {}));
-
-var AdaptivityContext = /*#__PURE__*/React.createContext({
-  sizeX: SizeType.COMPACT,
-  sizeY: SizeType.REGULAR,
-  hasMouse: _vkjs.hasMouse,
-  deviceHasHover: _vkjs.hasHover,
-  viewWidth: 0,
-  viewHeight: 0
-});
+var AdaptivityContext = /*#__PURE__*/React.createContext({});
 exports.AdaptivityContext = AdaptivityContext;
 //# sourceMappingURL=AdaptivityContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdaptivityContext.js","names":["SizeType","ViewWidth","ViewHeight","AdaptivityContext","React","createContext","sizeX","COMPACT","sizeY","REGULAR","hasMouse","deviceHasHover","hasHover","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;;AACA;;IAEYA,Q;;;WAAAA,Q;EAAAA,Q;EAAAA,Q;GAAAA,Q,wBAAAA,Q;;IAKAC,S;;;WAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;GAAAA,S,yBAAAA,S;;IAQAC,U;;;WAAAA,U;EAAAA,U,CAAAA,U;EAAAA,U,CAAAA,U;EAAAA,U,CAAAA,U;GAAAA,U,0BAAAA,U;;AAqCL,IAAMC,iBAAiB,gBAC5BC,KAAK,CAACC,aAAN,CAAgD;EAC9CC,KAAK,EAAEN,QAAQ,CAACO,OAD8B;EAE9CC,KAAK,EAAER,QAAQ,CAACS,OAF8B;EAG9CC,QAAQ,EAARA,cAH8C;EAI9CC,cAAc,EAAEC,cAJ8B;EAK9CC,SAAS,EAAE,CALmC;EAM9CC,UAAU,EAAE;AANkC,CAAhD,CADK"}
+{"version":3,"file":"AdaptivityContext.js","names":["AdaptivityContext","React","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;;AA2BO,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAN,CAAqC,EAArC,CAA1B"}