@vkontakte/vkui 4.35.4 → 4.37.0

package/.cache/ts/src/tokenized/index.d.ts

@@ -1,9 +1,13 @@
+export { Alert } from "../components/Alert/Alert";
+export type { AlertProps } from "../components/Alert/Alert";
 export { Avatar } from "../components/Avatar/Avatar";
 export type { AvatarProps } from "../components/Avatar/Avatar";
 export { FormItem } from "../components/FormItem/FormItem";
 export type { FormItemProps } from "../components/FormItem/FormItem";
 export { FormLayoutGroup } from "../components/FormLayoutGroup/FormLayoutGroup";
 export type { FormLayoutGroupProps } from "../components/FormLayoutGroup/FormLayoutGroup";
+export { FormStatus } from "../components/FormStatus/FormStatus";
+export type { FormStatusProps } from "../components/FormStatus/FormStatus";
 export { Button } from "../components/Button/Button";
 export type { ButtonProps } from "../components/Button/Button";
 export { MiniInfoCell } from "../components/MiniInfoCell/MiniInfoCell";
@@ -36,6 +40,12 @@ export { ModalCardBase } from "../components/ModalCardBase/ModalCardBase";
 export type { ModalCardBaseProps } from "../components/ModalCardBase/ModalCardBase";
 export { ModalCard } from "../components/ModalCard/ModalCard";
 export type { ModalCardProps } from "../components/ModalCard/ModalCard";
+export { ModalDismissButton } from "../components/ModalDismissButton/ModalDismissButton";
+export type { ModalDismissButtonProps } from "../components/ModalDismissButton/ModalDismissButton";
+export { ModalPageHeader } from "../components/ModalPageHeader/ModalPageHeader";
+export type { ModalPageHeaderProps } from "../components/ModalPageHeader/ModalPageHeader";
+export { ModalPage } from "../components/ModalPage/ModalPage";
+export type { ModalPageProps } from "../components/ModalPage/ModalPage";
 export { Link } from "../components/Link/Link";
 export type { LinkProps } from "../components/Link/Link";
 export { SimpleCell } from "../components/SimpleCell/SimpleCell";
@@ -80,6 +90,8 @@ export { Dropdown } from "../components/Dropdown/Dropdown";
 export type { DropdownProps } from "../components/Dropdown/Dropdown";
 export { Pagination } from "../components/Pagination/Pagination";
 export type { PaginationProps } from "../components/Pagination/Pagination";
+export { PromoBanner } from "../components/PromoBanner/PromoBanner";
+export type { PromoBannerProps } from "../components/PromoBanner/PromoBanner";
 export { Calendar } from "../components/Calendar/Calendar";
 export type { CalendarProps } from "../components/Calendar/Calendar";
 export { CalendarRange } from "../components/CalendarRange/CalendarRange";
@@ -108,6 +120,10 @@ export { File } from "../components/File/File";
 export type { FileProps } from "../components/File/File";
 export { CardGrid } from "../components/CardGrid/CardGrid";
 export type { CardGridProps } from "../components/CardGrid/CardGrid";
+export { ActionSheet } from "../components/ActionSheet/ActionSheet";
+export type { ActionSheetProps } from "../components/ActionSheet/ActionSheet";
+export { ActionSheetItem } from "../components/ActionSheetItem/ActionSheetItem";
+export type { ActionSheetItemProps } from "../components/ActionSheetItem/ActionSheetItem";
 export { FocusVisible } from "../components/FocusVisible/FocusVisible";
 export type { FocusVisibleProps } from "../components/FocusVisible/FocusVisible";
 export { FormField } from "../components/FormField/FormField";
@@ -138,6 +154,8 @@ export { Separator } from "../components/Separator/Separator";
 export type { SeparatorProps } from "../components/Separator/Separator";
 export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
 export type { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
+export { SubnavigationBar } from "../components/SubnavigationBar/SubnavigationBar";
+export type { SubnavigationBarProps } from "../components/SubnavigationBar/SubnavigationBar";
 export { Spacing } from "../components/Spacing/Spacing";
 export type { SpacingProps } from "../components/Spacing/Spacing";
 export { SplitLayout } from "../components/SplitLayout/SplitLayout";
@@ -178,3 +196,43 @@ export { Tabbar } from "../components/Tabbar/Tabbar";
 export type { TabbarProps } from "../components/Tabbar/Tabbar";
 export { TabbarItem } from "../components/TabbarItem/TabbarItem";
 export type { TabbarItemProps } from "../components/TabbarItem/TabbarItem";
+export { Search } from "../components/Search/Search";
+export type { SearchProps } from "../components/Search/Search";
+export { Header } from "../components/Header/Header";
+export type { HeaderProps } from "../components/Header/Header";
+export { SubnavigationButton } from "../components/SubnavigationButton/SubnavigationButton";
+export type { SubnavigationButtonProps } from "../components/SubnavigationButton/SubnavigationButton";
+export { Panel } from "../components/Panel/Panel";
+export type { PanelProps } from "../components/Panel/Panel";
+export { PanelHeaderButton } from "../components/PanelHeaderButton/PanelHeaderButton";
+export type { PanelHeaderButtonProps } from "../components/PanelHeaderButton/PanelHeaderButton";
+export { PanelHeader } from "../components/PanelHeader/PanelHeader";
+export type { PanelHeaderProps } from "../components/PanelHeader/PanelHeader";
+export { PanelHeaderContent } from "../components/PanelHeaderContent/PanelHeaderContent";
+export type { PanelHeaderContentProps } from "../components/PanelHeaderContent/PanelHeaderContent";
+export { PanelHeaderContext } from "../components/PanelHeaderContext/PanelHeaderContext";
+export type { PanelHeaderContextProps } from "../components/PanelHeaderContext/PanelHeaderContext";
+export { PanelHeaderClose } from "../components/PanelHeaderClose/PanelHeaderClose";
+export { PanelHeaderBack } from "../components/PanelHeaderBack/PanelHeaderBack";
+export type { PanelHeaderBackProps } from "../components/PanelHeaderBack/PanelHeaderBack";
+export { PanelHeaderSubmit } from "../components/PanelHeaderSubmit/PanelHeaderSubmit";
+export { PanelHeaderEdit } from "../components/PanelHeaderEdit/PanelHeaderEdit";
+export type { PanelHeaderEditProps } from "../components/PanelHeaderEdit/PanelHeaderEdit";
+export { List } from "../components/List/List";
+export type { ListProps } from "../components/List/List";
+export { AppRoot } from "../components/AppRoot/AppRoot";
+export type { AppRootProps } from "../components/AppRoot/AppRoot";
+export { ConfigProvider } from "../components/ConfigProvider/ConfigProvider";
+export type { ConfigProviderProps } from "../components/ConfigProvider/ConfigProvider";
+export { AdaptivityProvider } from "../components/AdaptivityProvider/AdaptivityProvider";
+export type { AdaptivityProviderProps } from "../components/AdaptivityProvider/AdaptivityProvider";
+export { Touch } from "../components/Touch/Touch";
+export type { TouchProps } from "../components/Touch/Touch";
+export { DatePicker } from "../components/DatePicker/DatePicker";
+export type { DatePickerProps } from "../components/DatePicker/DatePicker";
+export { SelectMimicry } from "../components/SelectMimicry/SelectMimicry";
+export type { SelectMimicryProps } from "../components/SelectMimicry/SelectMimicry";
+export { NativeSelect } from "../components/NativeSelect/NativeSelect";
+export type { NativeSelectProps } from "../components/NativeSelect/NativeSelect";
+export { FormLayout } from "../components/FormLayout/FormLayout";
+export type { FormLayoutProps } from "../components/FormLayout/FormLayout";

package/.eslintrc.json

@@ -137,7 +137,8 @@
         "onlyForFunctionsWithNames": ["classNames", "classNamesString"]
       }
     ],
-    "compat/compat": "error"
+    "compat/compat": "error",
+    "react/no-unknown-property": ["error", { "ignore": ["vkuiClass"] }]
   },
   "overrides": [
     {

package/README.md

@@ -101,5 +101,6 @@ ReactDOM.render(
 
 Мы очень радуемся, когда пользователи библиотеки работают над её улучшением. Для того, чтобы оставить след в истории:
 
-- почитайте наши [чеклист компонента и общие требования к разработке](https://github.com/VKCOM/VKUI/blob/master/docs/CONTRIBUTING.md),
-- сделайте форк проекта, внесите изменения и отправьте нам [pull request](https://github.com/VKCOM/VKUI/pulls).
+1. Для начала ознакомьтесь с нашим [манифестом](https://github.com/VKCOM/VKUI/blob/master/docs/MANIFESTO.md) 📝
+2. Затем посмотрите [требования к разработке](https://github.com/VKCOM/VKUI/blob/master/docs/CONTRIBUTING.md) 🔧
+3. А теперь смело вносите изменения и создавайте [pull request](https://github.com/VKCOM/VKUI/pulls) ❤️

package/dist/appearance/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/appearance/constants.ts"],"names":["tabbarHeight"],"mappings":"AAAA,OAAO,IAAMA,YAAY,GAAG,EAArB","sourcesContent":["export const tabbarHeight = 48;\n"],"file":"constants.js"}
+{"version":3,"file":"constants.js","names":["tabbarHeight"],"sources":["../../src/appearance/constants.ts"],"sourcesContent":["export const tabbarHeight = 48;\n"],"mappings":"AAAA,OAAO,IAAMA,YAAY,GAAG,EAArB"}

package/dist/cjs/appearance/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/appearance/constants.ts"],"names":["tabbarHeight"],"mappings":";;;;;;AAAO,IAAMA,YAAY,GAAG,EAArB","sourcesContent":["export const tabbarHeight = 48;\n"],"file":"constants.js"}
+{"version":3,"file":"constants.js","names":["tabbarHeight"],"sources":["../../../src/appearance/constants.ts"],"sourcesContent":["export const tabbarHeight = 48;\n"],"mappings":";;;;;;AAAO,IAAMA,YAAY,GAAG,EAArB"}

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

@@ -31,7 +31,7 @@ var _utils = require("../../lib/utils");
 
 var _ActionSheetContext = require("./ActionSheetContext");
 
-var _Caption = require("../Typography/Caption/Caption");
+var _Footnote = require("../Typography/Footnote/Footnote");
 
 var _usePlatform = require("../../hooks/usePlatform");
 
@@ -137,10 +137,10 @@ var ActionSheet = function ActionSheet(_ref) {
     style: isDesktop ? style : undefined
   }), ((0, _utils.hasReactNode)(header) || (0, _utils.hasReactNode)(text)) && (0, _jsxRuntime.createScopedElement)("header", {
     vkuiClass: "ActionSheet__header"
-  }, (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
-    weight: platform === _platform.IOS ? "1" : "2",
+  }, (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
+    weight: "2",
     vkuiClass: "ActionSheet__title"
-  }, header), (0, _utils.hasReactNode)(text) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
+  }, header), (0, _utils.hasReactNode)(text) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
     vkuiClass: "ActionSheet__text"
   }, text)), children, platform === _platform.IOS && !isDesktop && iosCloseItem));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"names":["warn","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","restProps","platform","React","useState","closing","setClosing","onClose","_action","useRef","noop","afterClose","current","process","env","NODE_ENV","isDesktop","timeout","IOS","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","DropdownComponent","ActionSheetDropdownDesktop","ActionSheetDropdown","actionSheet","undefined"],"mappings":"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","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 { Caption } from \"../Typography/Caption/Caption\";\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              <Caption\n                weight={platform === IOS ? \"1\" : \"2\"}\n                vkuiClass=\"ActionSheet__title\"\n              >\n                {header}\n              </Caption>\n            )}\n            {hasReactNode(text) && (\n              <Caption vkuiClass=\"ActionSheet__text\">{text}</Caption>\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"],"file":"ActionSheet.js"}
+{"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":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;AA0BA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,aAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,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;IAAA;;IACvB,sBAAAX,SAAS,CAACO,OAAV,+EAAAP,SAAS;;IACTQ,OAAO,CAACI,OAAR;;IACAJ,OAAO,CAACI,OAAR,GAAkBF,WAAlB;EACD,CAJD;;EAMA,IAAIG,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0C,CAACf,SAAS,CAACO,OAAzD,EAAkE;IAChEjB,IAAI,4SAEF,OAFE,CAAJ;EAID;;EAED,IAAM0B,SAAS,GAAG,IAAAC,qCAAA,GAAlB;EAEA,IAAAC,4BAAA,EAAc,CAACF,SAAf;EAEA,IAAIG,OAAO,GAAGlB,QAAQ,KAAKmB,aAAb,GAAmB,GAAnB,GAAyB,GAAvC;;EAEA,IAAIJ,SAAJ,EAAe;IACbG,OAAO,GAAG,CAAV;EACD;;EAED,IAAME,wBAAwB,GAAG,IAAAC,sBAAA,EAAWX,UAAX,EAAuBQ,OAAvB,CAAjC;EACAhB,KAAK,CAACoB,SAAN,CAAgB,YAAM;IACpB,IAAIlB,OAAJ,EAAa;MACXgB,wBAAwB,CAACG,GAAzB;IACD,CAFD,MAEO;MACLH,wBAAwB,CAACI,KAAzB;IACD;EACF,CAND,EAMG,CAACpB,OAAD,EAAUgB,wBAAV,CANH;EAQA,IAAMK,WAAW,GAAGvB,KAAK,CAACwB,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;QACbtB,OAAO,CAACI,OAAR,GAAkB;UAAA,OAAMgB,MAAM,IAAIA,MAAM,CAACG,KAAD,CAAtB;QAAA,CAAlB;;QACAzB,UAAU,CAAC,IAAD,CAAV;MACD,CAHD,MAGO;QACLsB,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,EAAE5B,OADX;IAEE,OAAO,EAAEc;EAFX,GAGOnB,SAHP;IAIE,cAAc,EAAED,cAJlB;IAKE,OAAO,EAAEQ,OALX;IAME,SAAS,EAAES,SAAS,GAAGtB,SAAH,GAAe6C,SANrC;IAOE,KAAK,EAAEvB,SAAS,GAAGnB,KAAH,GAAW0C;EAP7B,IASG,CAAC,IAAAC,mBAAA,EAAa7C,MAAb,KAAwB,IAAA6C,mBAAA,EAAa5C,IAAb,CAAzB,KACC;IAAQ,SAAS,EAAC;EAAlB,GACG,IAAA4C,mBAAA,EAAa7C,MAAb,KACC,qCAAC,kBAAD;IAAU,MAAM,EAAC,GAAjB;IAAqB,SAAS,EAAC;EAA/B,GACGA,MADH,CAFJ,EAMG,IAAA6C,mBAAA,EAAa5C,IAAb,KACC,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GAAyCA,IAAzC,CAPJ,CAVJ,EAqBGH,QArBH,EAsBGQ,QAAQ,KAAKmB,aAAb,IAAoB,CAACJ,SAArB,IAAkClB,YAtBrC,CADF,CADF;;EA6BA,IAAIkB,SAAJ,EAAe;IACb,OAAOsB,WAAP;EACD;;EAED,OACE,qCAAC,4BAAD;IACE,OAAO,EAAEjC,OADX;IAEE,MAAM,EAAC,QAFT;IAGE,SAAS,EAAEX,SAHb;IAIE,KAAK,EAAEG,KAJT;IAKE,OAAO,EAAEU,OALX;IAME,OAAO,MANT;IAOE,KAAK;EAPP,GASG+B,WATH,CADF;AAaD,CAhHM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetContext.ts"],"names":["ActionSheetContext","React","createContext"],"mappings":";;;;;;;;;AAAA;;AAeO,IAAMA,kBAAkB,gBAAGC,KAAK,CAACC,aAAN,CAEhC,EAFgC,CAA3B","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"],"file":"ActionSheetContext.js"}
+{"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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionSheetDefaultIosCloseItem = void 0;
+
+var _jsxRuntime = require("../../lib/jsxRuntime");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _ActionSheetItem = require("../ActionSheetItem/ActionSheetItem");
+
+var ActionSheetDefaultIosCloseItem = function ActionSheetDefaultIosCloseItem(props) {
+  return (0, _jsxRuntime.createScopedElement)(_ActionSheetItem.ActionSheetItem, (0, _extends2.default)({
+    autoclose: true,
+    mode: "cancel"
+  }, props), "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C");
+};
+
+exports.ActionSheetDefaultIosCloseItem = ActionSheetDefaultIosCloseItem;
+//# sourceMappingURL=ActionSheetDefaultIosCloseItem.js.map

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

@@ -0,0 +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"}

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

@@ -13,12 +13,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _getClassName = require("../../helpers/getClassName");
-
 var _classNames = require("../../lib/classNames");
 
+var _platform = require("../../lib/platform");
+
 var _usePlatform = require("../../hooks/usePlatform");
 
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+
 var _FocusTrap = require("../FocusTrap/FocusTrap");
 
 var _excluded = ["children", "closing", "toggleRef", "popupDirection"];
@@ -33,14 +35,14 @@ var ActionSheetDropdown = function ActionSheetDropdown(_ref) {
       toggleRef = _ref.toggleRef,
       popupDirection = _ref.popupDirection,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
+
   var platform = (0, _usePlatform.usePlatform)();
-  var baseClaseName = (0, _getClassName.getClassName)("ActionSheet", platform);
   return (0, _jsxRuntime.createScopedElement)(_FocusTrap.FocusTrap, (0, _extends2.default)({}, restProps, {
-    onClick: stopPropagation // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: (0, _classNames.classNames)(baseClaseName, {
-      "ActionSheet--closing": closing
-    })
+    onClick: stopPropagation,
+    vkuiClass: (0, _classNames.classNames)("ActionSheet", platform === _platform.Platform.IOS && "ActionSheet--ios", closing && "ActionSheet--closing", "ActionSheet--sizeY-".concat(sizeY))
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"names":["stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","platform","baseClaseName"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;;;AAGA,IAAMA,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;AAAA,SAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,OAOR;AAAA,MANzBC,QAMyB,QANzBA,QAMyB;AAAA,MALzBC,OAKyB,QALzBA,OAKyB;AAAA,MAHzBC,SAGyB,QAHzBA,SAGyB;AAAA,MAFzBC,cAEyB,QAFzBA,cAEyB;AAAA,MADtBC,SACsB;AACzB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,aAAa,GAAG,gCAAa,aAAb,EAA4BD,QAA5B,CAAtB;AAEA,SACE,qCAAC,oBAAD,6BACMD,SADN;AAEE,IAAA,OAAO,EAAEP,eAFX,CAGE;AAHF;AAIE,IAAA,SAAS,EAAE,4BAAWS,aAAX,EAA0B;AACnC,8BAAwBL;AADW,KAA1B;AAJb,MAQGD,QARH,CADF;AAYD,CAvBM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\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 platform = usePlatform();\n  const baseClaseName = getClassName(\"ActionSheet\", platform);\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(baseClaseName, {\n        \"ActionSheet--closing\": closing,\n      })}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"file":"ActionSheetDropdown.js"}
+{"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"}

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

@@ -17,8 +17,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var React = _interopRequireWildcard(require("react"));
 
-var _getClassName = require("../../helpers/getClassName");
-
 var _classNames = require("../../lib/classNames");
 
 var _dom = require("../../lib/dom");
@@ -33,6 +31,8 @@ var _isRefObject = require("../../lib/isRefObject");
 
 var _warnOnce = require("../../lib/warnOnce");
 
+var _platform = require("../../lib/platform");
+
 var _useEventListener = require("../../hooks/useEventListener");
 
 var _FocusTrap = require("../FocusTrap/FocusTrap");
@@ -95,16 +95,15 @@ var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref) {
       return toggleRef;
     }
 
-    var refObject = {
+    return {
       current: toggleRef
     };
-    return refObject;
   }, [toggleRef]);
   return (0, _jsxRuntime.createScopedElement)(_Popper.Popper, {
     targetRef: targetRef,
     offsetDistance: 0,
     placement: isPopupDirectionTop ? "top-end" : "bottom-end",
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ActionSheet", platform), "ActionSheet--desktop", "ActionSheet--sizeY-".concat(sizeY)),
+    vkuiClass: (0, _classNames.classNames)("ActionSheet", platform === _platform.Platform.IOS && "ActionSheet--ios", "ActionSheet--desktop", "ActionSheet--sizeY-".concat(sizeY)),
     className: className,
     style: style,
     getRef: elementRef,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"names":["warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","restProps","document","platform","sizeY","elementRef","React","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","refObject"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;AAGA,IAAMA,IAAI,GAAG,wBAAS,aAAT,CAAb;;AACA,SAASC,KAAT,CACEC,GADF,EAE8B;AAC5B,SAAOA,GAAG,IAAI,aAAaA,GAApB,GAA0BA,GAAG,CAACC,OAA9B,GAAwCD,GAA/C;AACD;;AAEM,IAAME,0BAA0B,GAAG,SAA7BA,0BAA6B,OASf;AAAA,MARzBC,QAQyB,QARzBA,QAQyB;AAAA,MAPzBC,SAOyB,QAPzBA,SAOyB;AAAA,MANzBC,OAMyB,QANzBA,OAMyB;AAAA,MALzBC,cAKyB,QALzBA,cAKyB;AAAA,MAJzBC,OAIyB,QAJzBA,OAIyB;AAAA,MAHzBC,SAGyB,QAHzBA,SAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;;AACzB,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAoC,IAApC,CAAnB;AAEA,kCAAa,YAAM;AACjB,QAAMC,QAAQ,GAAGlB,KAAK,CAACK,SAAD,CAAtB;;AACA,QAAI,CAACa,QAAL,EAAe;AACbnB,MAAAA,IAAI,iIAAqC,OAArC,CAAJ;AACD;AACF,GALD,EAKG,CAACM,SAAD,CALH;AAOA,MAAMc,mBAAmB,GAAGH,KAAK,CAACI,OAAN,CAC1B;AAAA,WACEb,cAAc,KAAK,KAAnB,IACC,OAAOA,cAAP,KAA0B,UAA1B,IACCA,cAAc,CAACQ,UAAD,CAAd,KAA+B,KAHnC;AAAA,GAD0B,EAK1B,CAACR,cAAD,EAAiBQ,UAAjB,CAL0B,CAA5B;AAQA,MAAMM,iBAAiB,GAAG,wCAAiB,OAAjB,EAA0B,UAACC,CAAD,EAAmB;AACrE,QAAMC,eAAe,GAAGR,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEb,OAApC;;AACA,QAAIqB,eAAe,IAAI,CAACA,eAAe,CAACC,QAAhB,CAAyBF,CAAC,CAACG,MAA3B,CAAxB,EAAoE;AAClEjB,MAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;AACR;AACF,GALyB,CAA1B;AAOAQ,EAAAA,KAAK,CAACU,SAAN,CAAgB,YAAM;AACpBC,IAAAA,UAAU,CAAC,YAAM;AACfN,MAAAA,iBAAiB,CAACO,GAAlB,CAAsBhB,QAAQ,CAAEiB,IAAhC;AACD,KAFS,CAAV;AAGD,GAJD,EAIG,CAACR,iBAAD,EAAoBT,QAApB,CAJH;AAMA,MAAMkB,OAAO,GAAGd,KAAK,CAACe,WAAN,CACd,UAACT,CAAD;AAAA,WAAkDA,CAAC,CAACU,eAAF,EAAlD;AAAA,GADc,EAEd,EAFc,CAAhB;AAKA,MAAMC,SAAS,GAAGjB,KAAK,CAACI,OAAN,CAAc,YAAM;AACpC,QAAI,8BAA2Df,SAA3D,CAAJ,EAA2E;AACzE,aAAOA,SAAP;AACD;;AACD,QAAM6B,SAAS,GAAG;AAAEhC,MAAAA,OAAO,EAAEG;AAAX,KAAlB;AAEA,WAAO6B,SAAP;AACD,GAPiB,EAOf,CAAC7B,SAAD,CAPe,CAAlB;AASA,SACE,qCAAC,cAAD;AACE,IAAA,SAAS,EAAE4B,SADb;AAEE,IAAA,cAAc,EAAE,CAFlB;AAGE,IAAA,SAAS,EAAEd,mBAAmB,GAAG,SAAH,GAAe,YAH/C;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,aAAb,EAA4BN,QAA5B,CADS,EAET,sBAFS,+BAGaC,KAHb,EAJb;AASE,IAAA,SAAS,EAAEL,SATb;AAUE,IAAA,KAAK,EAAEC,KAVT;AAWE,IAAA,MAAM,EAAEK,UAXV;AAYE,IAAA,WAAW,EAAE;AAZf,KAcE,qCAAC,oBAAD;AAAW,IAAA,OAAO,EAAEP;AAApB,KAAiCG,SAAjC;AAA4C,IAAA,OAAO,EAAEmB;AAArD,MACG1B,QADH,CAdF,CADF;AAoBD,CA7EM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\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 { 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    const refObject = { current: toggleRef as HTMLElement };\n\n    return refObject;\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={0}\n      placement={isPopupDirectionTop ? \"top-end\" : \"bottom-end\"}\n      vkuiClass={classNames(\n        getClassName(\"ActionSheet\", platform),\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"],"file":"ActionSheetDropdownDesktop.js"}
+{"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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"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/ActionSheet/types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { FocusTrapProps } from \"../FocusTrap/FocusTrap\";\n\nexport type PopupDirection =\n  | \"top\"\n  | \"bottom\"\n  | ((elRef: React.RefObject<HTMLDivElement>) => \"top\" | \"bottom\");\nexport type ToggleRef = Element | null | undefined | React.RefObject<Element>;\n\nexport interface SharedDropdownProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    FocusTrapProps {\n  closing: boolean;\n  toggleRef: ToggleRef;\n  popupDirection: PopupDirection;\n}\n"],"mappings":""}

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

@@ -19,33 +19,25 @@ var React = _interopRequireWildcard(require("react"));
 
 var _classNames = require("../../lib/classNames");
 
-var _getClassName = require("../../helpers/getClassName");
-
 var _Tappable = require("../Tappable/Tappable");
 
 var _usePlatform = require("../../hooks/usePlatform");
 
 var _utils = require("../../lib/utils");
 
-var _Subhead = require("../Typography/Subhead/Subhead");
+var _platform = require("../../lib/platform");
 
-var _Title = require("../Typography/Title/Title");
+var _Subhead = require("../Typography/Subhead/Subhead");
 
 var _Text = require("../Typography/Text/Text");
 
-var _platform = require("../../lib/platform");
-
 var _icons = require("@vkontakte/icons");
 
 var _ActionSheetContext = require("../ActionSheet/ActionSheetContext");
 
-var _Caption = require("../Typography/Caption/Caption");
-
-var _Headline = require("../Typography/Headline/Headline");
-
 var _withAdaptivity = require("../../hoc/withAdaptivity");
 
-var _excluded = ["children", "autoclose", "mode", "meta", "subtitle", "before", "selectable", "value", "name", "checked", "defaultChecked", "onChange", "onClick", "sizeY", "onImmediateClick"];
+var _excluded = ["children", "autoclose", "mode", "meta", "subtitle", "before", "selectable", "value", "name", "checked", "defaultChecked", "onChange", "onClick", "sizeY", "onImmediateClick", "multiline"];
 
 var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
   var children = _ref.children,
@@ -64,6 +56,8 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
       onClick = _ref.onClick,
       sizeY = _ref.sizeY,
       onImmediateClick = _ref.onImmediateClick,
+      _ref$multiline = _ref.multiline,
+      multiline = _ref$multiline === void 0 ? false : _ref$multiline,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
@@ -80,45 +74,27 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
     Component = "label";
   }
 
-  var isCompact = (0, _utils.hasReactNode)(subtitle) || (0, _utils.hasReactNode)(meta) || selectable;
+  var isRich = (0, _utils.hasReactNode)(subtitle) || (0, _utils.hasReactNode)(meta) || selectable;
+  var isCentered = !isRich && !(0, _utils.hasReactNode)(before) && platform === _platform.Platform.IOS;
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
     onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoclose)),
-    activeMode: "ActionSheetItem--active" // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ActionSheetItem", platform), "ActionSheetItem--".concat(mode), "ActionSheetItem--sizeY-".concat(sizeY), {
-      "ActionSheetItem--compact": isCompact,
-      "ActionSheetItem--desktop": isDesktop,
-      "ActionSheetItem--withSubtitle": (0, _utils.hasReactNode)(subtitle)
-    }),
+    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"),
     Component: Component
   }), (0, _utils.hasReactNode)(before) && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ActionSheetItem__before"
   }, before), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ActionSheetItem__container"
+    vkuiClass: (0, _classNames.classNames)("ActionSheetItem__container", !multiline && "ActionSheetItem--ellipsis")
   }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ActionSheetItem__content"
-  }, sizeY === _withAdaptivity.SizeType.COMPACT ? (0, _jsxRuntime.createScopedElement)(React.Fragment, null, (0, _jsxRuntime.createScopedElement)(_Text.Text, {
+    vkuiClass: (0, _classNames.classNames)("ActionSheetItem__content", isCentered && "ActionSheetItem--centered")
+  }, (0, _jsxRuntime.createScopedElement)(_Text.Text, {
     weight: mode === "cancel" ? "2" : undefined,
     vkuiClass: "ActionSheetItem__children"
   }, children), (0, _utils.hasReactNode)(meta) && (0, _jsxRuntime.createScopedElement)(_Text.Text, {
     vkuiClass: "ActionSheetItem__meta"
-  }, meta)) : (0, _jsxRuntime.createScopedElement)(React.Fragment, null, platform === _platform.ANDROID ? (0, _jsxRuntime.createScopedElement)(_Headline.Headline, {
-    weight: mode === "cancel" ? "2" : "3"
-  }, children) : (0, _jsxRuntime.createScopedElement)(_Title.Title, {
-    weight: mode === "cancel" ? "2" : "3",
-    level: isCompact || (0, _utils.hasReactNode)(before) ? "3" : "2",
-    vkuiClass: "ActionSheetItem__children"
-  }, children), (0, _utils.hasReactNode)(meta) && (platform === _platform.ANDROID ? (0, _jsxRuntime.createScopedElement)(_Headline.Headline, {
-    weight: mode === "cancel" ? "2" : "3"
-  }, children) : (0, _jsxRuntime.createScopedElement)(_Title.Title, {
-    weight: "3",
-    level: isCompact || (0, _utils.hasReactNode)(before) ? "3" : "2",
-    vkuiClass: "ActionSheetItem__meta"
-  }, meta)))), (0, _utils.hasReactNode)(subtitle) && (sizeY === _withAdaptivity.SizeType.COMPACT ? (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
-    vkuiClass: "ActionSheetItem__subtitle"
-  }, subtitle) : (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
+  }, meta)), (0, _utils.hasReactNode)(subtitle) && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
     vkuiClass: "ActionSheetItem__subtitle"
-  }, subtitle))), selectable && (0, _jsxRuntime.createScopedElement)("div", {
+  }, subtitle)), selectable && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ActionSheetItem__after"
   }, (0, _jsxRuntime.createScopedElement)("input", {
     type: "radio",
@@ -132,7 +108,7 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
     disabled: restProps.disabled
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ActionSheetItem__marker"
-  }, platform === _platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_icons.Icon24Done, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon16Done, null))));
+  }, (0, _jsxRuntime.createScopedElement)(_icons.Icon24CheckCircleOn, null))));
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":["ActionSheetItemComponent","children","autoclose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","sizeY","onImmediateClick","restProps","platform","React","useContext","ActionSheetContext","onItemClick","noop","isDesktop","Component","href","isCompact","Boolean","SizeType","COMPACT","undefined","ANDROID","disabled","VKCOM","ActionSheetItem"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Icon16Done, Icon24Done } from \"@vkontakte/icons\";\nimport {\n  ActionSheetContext,\n  ActionSheetContextType,\n} from \"../ActionSheet/ActionSheetContext\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} 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   * Если 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  ...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 isCompact = hasReactNode(subtitle) || hasReactNode(meta) || selectable;\n\n  return (\n    <Tappable\n      {...restProps}\n      onClick={\n        selectable\n          ? onClick\n          : onItemClick(onClick, onImmediateClick, Boolean(autoclose))\n      }\n      activeMode=\"ActionSheetItem--active\"\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"ActionSheetItem\", platform),\n        `ActionSheetItem--${mode}`,\n        `ActionSheetItem--sizeY-${sizeY}`,\n        {\n          \"ActionSheetItem--compact\": isCompact,\n          \"ActionSheetItem--desktop\": isDesktop,\n          \"ActionSheetItem--withSubtitle\": hasReactNode(subtitle),\n        }\n      )}\n      Component={Component}\n    >\n      {hasReactNode(before) && (\n        <div vkuiClass=\"ActionSheetItem__before\">{before}</div>\n      )}\n      <div vkuiClass=\"ActionSheetItem__container\">\n        <div vkuiClass=\"ActionSheetItem__content\">\n          {sizeY === SizeType.COMPACT ? (\n            <React.Fragment>\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            </React.Fragment>\n          ) : (\n            <React.Fragment>\n              {platform === ANDROID ? (\n                <Headline weight={mode === \"cancel\" ? \"2\" : \"3\"}>\n                  {children}\n                </Headline>\n              ) : (\n                <Title\n                  weight={mode === \"cancel\" ? \"2\" : \"3\"}\n                  level={isCompact || hasReactNode(before) ? \"3\" : \"2\"}\n                  vkuiClass=\"ActionSheetItem__children\"\n                >\n                  {children}\n                </Title>\n              )}\n              {hasReactNode(meta) &&\n                (platform === ANDROID ? (\n                  <Headline weight={mode === \"cancel\" ? \"2\" : \"3\"}>\n                    {children}\n                  </Headline>\n                ) : (\n                  <Title\n                    weight=\"3\"\n                    level={isCompact || hasReactNode(before) ? \"3\" : \"2\"}\n                    vkuiClass=\"ActionSheetItem__meta\"\n                  >\n                    {meta}\n                  </Title>\n                ))}\n            </React.Fragment>\n          )}\n        </div>\n        {hasReactNode(subtitle) &&\n          (sizeY === SizeType.COMPACT ? (\n            <Caption vkuiClass=\"ActionSheetItem__subtitle\">{subtitle}</Caption>\n          ) : (\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            {platform === VKCOM ? <Icon24Done /> : <Icon16Done />}\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"],"file":"ActionSheetItem.js"}
+{"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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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"names":["SizeType","ViewWidth","ViewHeight","AdaptivityContext","React","createContext","sizeX","COMPACT","sizeY","REGULAR","hasMouse","deviceHasHover","hasHover","viewWidth","viewHeight"],"mappings":";;;;;;;;;AAAA;;AACA;;IAEYA,Q;;;WAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,wBAAAA,Q;;IAKAC,S;;;WAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,yBAAAA,S;;IAQAC,U;;;WAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,0BAAAA,U;;AAqCL,IAAMC,iBAAiB,gBAC5BC,KAAK,CAACC,aAAN,CAAgD;AAC9CC,EAAAA,KAAK,EAAEN,QAAQ,CAACO,OAD8B;AAE9CC,EAAAA,KAAK,EAAER,QAAQ,CAACS,OAF8B;AAG9CC,EAAAA,QAAQ,EAARA,cAH8C;AAI9CC,EAAAA,cAAc,EAAEC,cAJ8B;AAK9CC,EAAAA,SAAS,EAAE,CALmC;AAM9CC,EAAAA,UAAU,EAAE;AANkC,CAAhD,CADK","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"],"file":"AdaptivityContext.js"}
+{"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"}

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

@@ -34,12 +34,11 @@ exports.MOBILE_SIZE = MOBILE_SIZE;
 var MOBILE_LANDSCAPE_HEIGHT = 414;
 exports.MOBILE_LANDSCAPE_HEIGHT = MOBILE_LANDSCAPE_HEIGHT;
 var MEDIUM_HEIGHT = 720;
+exports.MEDIUM_HEIGHT = MEDIUM_HEIGHT;
+
 /**
  * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
  */
-
-exports.MEDIUM_HEIGHT = MEDIUM_HEIGHT;
-
 var AdaptivityProvider = function AdaptivityProvider(props) {
   var adaptivityRef = React.useRef(null);