@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdownDesktop.js","names":["React","classNames","useAdaptivityWithJSMediaQueries","useEffectDev","useEventListener","usePlatform","SizeType","useDOM","isRefObject","Platform","warnOnce","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","popupOffsetDistance","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","IOS","COMPACT"],"sources":["../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useEffectDev } from '../../hooks/useEffectDev';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Popper } from '../Popper/Popper';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\nfunction getEl(ref: SharedDropdownProps['toggleRef']): Element | null | undefined {\n  return ref && 'current' in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  popupOffsetDistance = 0,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, 'error');\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === 'top' ||\n      (typeof popupDirection === 'function' && popupDirection(elementRef) === 'top'),\n    [popupDirection, elementRef],\n  );\n\n  const bodyClickListener = useEventListener('click', (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => e.stopPropagation(), []);\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps['toggleRef'], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={popupOffsetDistance}\n      placement={isPopupDirectionTop ? 'top-end' : 'bottom-end'}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        styles['ActionSheet--desktop'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useEffectDev } from '../../hooks/useEffectDev';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Popper } from '../Popper/Popper';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\nfunction getEl(ref: SharedDropdownProps['toggleRef']): Element | null | undefined {\n  return ref && 'current' in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  popupOffsetDistance = 0,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, 'error');\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === 'top' ||\n      (typeof popupDirection === 'function' && popupDirection(elementRef) === 'top'),\n    [popupDirection, elementRef],\n  );\n\n  const bodyClickListener = useEventListener('click', (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => e.stopPropagation(), []);\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps['toggleRef'], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={popupOffsetDistance}\n      placement={isPopupDirectionTop ? 'top-end' : 'bottom-end'}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        styles['ActionSheet--desktop'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"names":["React","classNames","useAdaptivityWithJSMediaQueries","useEffectDev","useEventListener","usePlatform","SizeType","useDOM","isRefObject","Platform","warnOnce","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","popupOffsetDistance","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","offsetDistance","placement","IOS","COMPACT","getRef","forcePortal"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,WAAW,QAAQ,wBAAwB;AACpD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAI1C,IAAMC,OAAOH,SAAS;AACtB,SAASI,MAAMC,GAAqC,EAA8B;IAChF,OAAOA,OAAO,aAAaA,MAAMA,IAAIC,OAAO,GAAGD,GAAG;AACpD;AAEA,OAAO,IAAME,6BAA6B,iBAUf;QATzBC,kBAAAA,UACAC,mBAAAA,WACAC,iBAAAA,SACAC,wBAAAA,gBACAC,iBAAAA,SACAC,mBAAAA,WACAC,eAAAA,2CACAC,qBAAAA,8DAAsB,gCACnBC;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEE,WAAapB,SAAboB;IACR,IAAMC,WAAWvB;IACjB,IAAM,AAAEwB,QAAU3B,kCAAV2B;IACR,IAAMC,aAAa9B,MAAM+B,MAAM,CAAwB,IAAI;IAE3D5B,aAAa,WAAM;QACjB,IAAM6B,WAAWlB,MAAMK;QACvB,IAAI,CAACa,UAAU;YACbnB,KAAM,oCAAmC;QAC3C,CAAC;IACH,GAAG;QAACM;KAAU;IAEd,IAAMc,sBAAsBjC,MAAMkC,OAAO,CACvC;eACEb,mBAAmB,SAClB,OAAOA,mBAAmB,cAAcA,eAAeS,gBAAgB;OAC1E;QAACT;QAAgBS;KAAW;IAG9B,IAAMK,oBAAoB/B,iBAAiB,SAAS,SAACgC,GAAkB;QACrE,IAAMC,kBAAkBP,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYd,OAAO;QAC3C,IAAIqB,mBAAmB,CAACA,gBAAgBC,QAAQ,CAACF,EAAEG,MAAM,GAAW;YAClEjB,oBAAAA,qBAAAA,KAAAA,IAAAA;QACF,CAAC;IACH;IAEAtB,MAAMwC,SAAS,CAAC,WAAM;QACpBC,WAAW,WAAM;YACfN,kBAAkBO,GAAG,CAACf,SAAUgB,IAAI;QACtC;IACF,GAAG;QAACR;QAAmBR;KAAS;IAEhC,IAAMiB,UAAU5C,MAAM6C,WAAW,CAAC,SAACT;eAAqCA,EAAEU,eAAe;OAAI,EAAE;IAE/F,IAAMC,YAAY/C,MAAMkC,OAAO,CAAC,WAAM;QACpC,IAAI1B,YAA2DW,YAAY;YACzE,OAAOA;QACT,CAAC;QAED,OAAO;YAAEH,SAASG;QAAyB;IAC7C,GAAG;QAACA;KAAU;IAEd,qBACE,oBAACP;QACCmC,WAAWA;QACXC,gBAAgBvB;QAChBwB,WAAWhB,sBAAsB,YAAY,YAAY;QACzDV,WAAWtB,8BAET2B,aAAanB,SAASyC,GAAG,wDAEzBrB,UAAUvB,SAAS6C,OAAO,sCAC1B5B;QAEFC,OAAOA;QACP4B,QAAQtB;QACRuB,aAAa,KAAK;qBAElB,oBAAC1C;QAAUW,SAASA;OAAaI;QAAWkB,SAASA;QAClD1B;AAIT,EAAE"}

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { FocusTrapProps } from '../FocusTrap/FocusTrap';
-export declare type PopupDirection = 'top' | 'bottom' | ((elRef: React.RefObject<HTMLDivElement>) => 'top' | 'bottom');
-export declare type ToggleRef = Element | null | undefined | React.RefObject<Element>;
-export interface SharedDropdownProps extends React.AllHTMLAttributes<HTMLElement>, FocusTrapProps {
+export type PopupDirection = 'top' | 'bottom' | ((elRef: React.RefObject<HTMLDivElement>) => 'top' | 'bottom');
+export type ToggleRef = Element | null | undefined | React.RefObject<Element>;
+export interface SharedDropdownProps extends FocusTrapProps {
     closing: boolean;
     /**
      * Элемент, рядом с которым вылезает попап на десктопе.

package/dist/components/ActionSheet/types.js

@@ -1,2 +1,3 @@
-export {};
+import * as React from "react";
+
 //# sourceMappingURL=types.js.map

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

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

package/dist/components/ActionSheetItem/ActionSheetItem.js

@@ -1,96 +1,86 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "autoClose", "mode", "meta", "subtitle", "before", "selectable", "value", "name", "checked", "defaultChecked", "onChange", "onClick", "onImmediateClick", "multiline", "iconChecked", "className"];
-import * as React from 'react';
-import { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';
-import { classNames, noop } from '@vkontakte/vkjs';
-import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
-import { usePlatform } from '../../hooks/usePlatform';
-import { SizeType } from '../../lib/adaptivity';
-import { Platform } from '../../lib/platform';
-import { ActionSheetContext } from '../ActionSheet/ActionSheetContext';
-import { Tappable } from '../Tappable/Tappable';
-import { Subhead } from '../Typography/Subhead/Subhead';
-import { Text } from '../Typography/Text/Text';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { Icon20CheckCircleOn, Icon24CheckCircleOn } from "@vkontakte/icons";
+import { classNames, noop } from "@vkontakte/vkjs";
+import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
+import { usePlatform } from "../../hooks/usePlatform";
+import { SizeType } from "../../lib/adaptivity";
+import { Platform } from "../../lib/platform";
+import { ActionSheetContext } from "../ActionSheet/ActionSheetContext";
+import { Tappable } from "../Tappable/Tappable";
+import { Subhead } from "../Typography/Subhead/Subhead";
+import { Text } from "../Typography/Text/Text";
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
- */
-var ActionSheetItem = function ActionSheetItem(_ref) {
-  var children = _ref.children,
-    autoClose = _ref.autoClose,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'default' : _ref$mode,
-    meta = _ref.meta,
-    subtitle = _ref.subtitle,
-    before = _ref.before,
-    selectable = _ref.selectable,
-    value = _ref.value,
-    name = _ref.name,
-    checked = _ref.checked,
-    defaultChecked = _ref.defaultChecked,
-    onChange = _ref.onChange,
-    onClick = _ref.onClick,
-    onImmediateClick = _ref.onImmediateClick,
-    _ref$multiline = _ref.multiline,
-    multiline = _ref$multiline === void 0 ? false : _ref$multiline,
-    iconCheckedProp = _ref.iconChecked,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  var _React$useContext = React.useContext(ActionSheetContext),
-    _React$useContext$onI = _React$useContext.onItemClick,
-    onItemClick = _React$useContext$onI === void 0 ? function () {
-      return noop;
-    } : _React$useContext$onI,
-    isDesktop = _React$useContext.isDesktop;
-  var _useAdaptivityWithJSM = useAdaptivityWithJSMediaQueries(),
-    sizeY = _useAdaptivityWithJSM.sizeY;
-  var iconChecked = iconCheckedProp || (sizeY === SizeType.COMPACT ? /*#__PURE__*/React.createElement(Icon20CheckCircleOn, null) : /*#__PURE__*/React.createElement(Icon24CheckCircleOn, null));
-  var Component = restProps.href ? 'a' : 'div';
-  if (selectable) {
-    Component = 'label';
-  }
-  var isRich = subtitle || meta || selectable;
-  var isCentered = !isRich && !before && platform === Platform.IOS;
-  return /*#__PURE__*/React.createElement(Tappable, _extends({
-    Component: Component
-  }, restProps, {
-    onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose)),
-    activeMode: platform === Platform.IOS ? "vkuiActionSheetItem--active" : undefined,
-    className: classNames("vkuiActionSheetItem", platform === Platform.IOS && "vkuiActionSheetItem--ios", styles["ActionSheetItem--mode-".concat(mode)], sizeY === SizeType.COMPACT && "vkuiActionSheetItem--sizeY-compact", isRich && "vkuiActionSheetItem--rich", isDesktop && "vkuiActionSheetItem--desktop", className)
-  }), before && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiActionSheetItem__before"
-  }, before), /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiActionSheetItem__container", !multiline && "vkuiActionSheetItem--ellipsis")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiActionSheetItem__content", isCentered && "vkuiActionSheetItem--centered")
-  }, /*#__PURE__*/React.createElement(Text, {
-    weight: mode === 'cancel' ? '2' : undefined,
-    className: "vkuiActionSheetItem__children"
-  }, children), meta && /*#__PURE__*/React.createElement(Text, {
-    className: "vkuiActionSheetItem__meta"
-  }, meta)), subtitle && /*#__PURE__*/React.createElement(Subhead, {
-    className: "vkuiActionSheetItem__subtitle"
-  }, subtitle)), selectable && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiActionSheetItem__after"
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "radio",
-    className: "vkuiActionSheetItem__radio",
-    name: name,
-    value: value,
-    onChange: onChange,
-    onClick: onItemClick(noop, noop, Boolean(autoClose)),
-    defaultChecked: defaultChecked,
-    checked: checked,
-    disabled: restProps.disabled
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiActionSheetItem__marker"
-  }, iconChecked)));
+ */ var ActionSheetItem = function(_param) {
+    var children = _param.children, autoClose = _param.autoClose, _param_mode = _param.mode, mode = _param_mode === void 0 ? "default" : _param_mode, meta = _param.meta, subtitle = _param.subtitle, before = _param.before, selectable = _param.selectable, value = _param.value, name = _param.name, checked = _param.checked, defaultChecked = _param.defaultChecked, onChange = _param.onChange, onClick = _param.onClick, onImmediateClick = _param.onImmediateClick, _param_multiline = _param.multiline, multiline = _param_multiline === void 0 ? false : _param_multiline, iconCheckedProp = _param.iconChecked, className = _param.className, restProps = _object_without_properties(_param, [
+        "children",
+        "autoClose",
+        "mode",
+        "meta",
+        "subtitle",
+        "before",
+        "selectable",
+        "value",
+        "name",
+        "checked",
+        "defaultChecked",
+        "onChange",
+        "onClick",
+        "onImmediateClick",
+        "multiline",
+        "iconChecked",
+        "className"
+    ]);
+    var platform = usePlatform();
+    var _React_useContext = React.useContext(ActionSheetContext), _React_useContext_onItemClick = _React_useContext.onItemClick, onItemClick = _React_useContext_onItemClick === void 0 ? function() {
+        return noop;
+    } : _React_useContext_onItemClick, isDesktop = _React_useContext.isDesktop;
+    var sizeY = useAdaptivityWithJSMediaQueries().sizeY;
+    var iconChecked = iconCheckedProp || (sizeY === SizeType.COMPACT ? /*#__PURE__*/ React.createElement(Icon20CheckCircleOn, null) : /*#__PURE__*/ React.createElement(Icon24CheckCircleOn, null));
+    var Component = restProps.href ? "a" : "div";
+    if (selectable) {
+        Component = "label";
+    }
+    var isRich = subtitle || meta || selectable;
+    var isCentered = !isRich && !before && platform === Platform.IOS;
+    return /*#__PURE__*/ React.createElement(Tappable, _object_spread_props(_object_spread({
+        Component: Component
+    }, restProps), {
+        onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose)),
+        activeMode: platform === Platform.IOS ? "vkuiActionSheetItem--active" : undefined,
+        className: classNames("vkuiActionSheetItem", platform === Platform.IOS && "vkuiActionSheetItem--ios", mode === "cancel" && "vkuiActionSheetItem--mode-cancel", mode === "destructive" && "vkuiActionSheetItem--mode-destructive", sizeY === SizeType.COMPACT && "vkuiActionSheetItem--sizeY-compact", isRich && "vkuiActionSheetItem--rich", isDesktop && "vkuiActionSheetItem--desktop", className)
+    }), before && /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiActionSheetItem__before"
+    }, before), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("vkuiActionSheetItem__container", !multiline && "vkuiActionSheetItem--ellipsis")
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("vkuiActionSheetItem__content", isCentered && "vkuiActionSheetItem--centered")
+    }, /*#__PURE__*/ React.createElement(Text, {
+        weight: mode === "cancel" ? "2" : undefined,
+        className: "vkuiActionSheetItem__children"
+    }, children), meta && /*#__PURE__*/ React.createElement(Text, {
+        className: "vkuiActionSheetItem__meta"
+    }, meta)), subtitle && /*#__PURE__*/ React.createElement(Subhead, {
+        className: "vkuiActionSheetItem__subtitle"
+    }, subtitle)), selectable && /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiActionSheetItem__after"
+    }, /*#__PURE__*/ React.createElement("input", {
+        type: "radio",
+        className: "vkuiActionSheetItem__radio",
+        name: name,
+        value: value,
+        onChange: onChange,
+        onClick: onItemClick(noop, noop, Boolean(autoClose)),
+        defaultChecked: defaultChecked,
+        checked: checked,
+        disabled: restProps.disabled
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiActionSheetItem__marker"
+    }, iconChecked)));
 };
 export { ActionSheetItem };
-var styles = {
-  "ActionSheetItem--mode-destructive": "vkuiActionSheetItem--mode-destructive",
-  "ActionSheetItem--mode-cancel": "vkuiActionSheetItem--mode-cancel",
-  "ActionSheetItem--mode-default": "vkuiActionSheetItem--mode-default"
-};
+
 //# sourceMappingURL=ActionSheetItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.js","names":["React","Icon20CheckCircleOn","Icon24CheckCircleOn","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","SizeType","Platform","ActionSheetContext","Tappable","Subhead","Text","ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconCheckedProp","iconChecked","className","restProps","platform","useContext","onItemClick","isDesktop","sizeY","COMPACT","Component","href","isRich","isCentered","IOS","Boolean","undefined","styles","disabled"],"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  autoClose?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `checked` режима.\n   */\n  iconChecked?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nconst ActionSheetItem = ({\n  children,\n  autoClose,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked: iconCheckedProp,\n  className,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const iconChecked =\n    iconCheckedProp ||\n    (sizeY === SizeType.COMPACT ? <Icon20CheckCircleOn /> : <Icon24CheckCircleOn />);\n\n  let Component: React.ElementType = restProps.href ? 'a' : 'div';\n\n  if (selectable) {\n    Component = 'label';\n  }\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === Platform.IOS;\n\n  return (\n    <Tappable\n      Component={Component}\n      {...restProps}\n      onClick={selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose))}\n      activeMode={platform === Platform.IOS ? styles['ActionSheetItem--active'] : undefined}\n      className={classNames(\n        styles['ActionSheetItem'],\n        platform === Platform.IOS && styles['ActionSheetItem--ios'],\n        styles[`ActionSheetItem--mode-${mode}`],\n        sizeY === SizeType.COMPACT && styles['ActionSheetItem--sizeY-compact'],\n        isRich && styles['ActionSheetItem--rich'],\n        isDesktop && styles['ActionSheetItem--desktop'],\n        className,\n      )}\n    >\n      {before && <div className={styles['ActionSheetItem__before']}>{before}</div>}\n      <div\n        className={classNames(\n          styles['ActionSheetItem__container'],\n          !multiline && styles['ActionSheetItem--ellipsis'],\n        )}\n      >\n        <div\n          className={classNames(\n            styles['ActionSheetItem__content'],\n            isCentered && styles['ActionSheetItem--centered'],\n          )}\n        >\n          <Text\n            weight={mode === 'cancel' ? '2' : undefined}\n            className={styles['ActionSheetItem__children']}\n          >\n            {children}\n          </Text>\n          {meta && <Text className={styles['ActionSheetItem__meta']}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles['ActionSheetItem__subtitle']}>{subtitle}</Subhead>}\n      </div>\n      {selectable && (\n        <div className={styles['ActionSheetItem__after']}>\n          <input\n            type=\"radio\"\n            className={styles['ActionSheetItem__radio']}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onClick={onItemClick(noop, noop, Boolean(autoClose))}\n            defaultChecked={defaultChecked}\n            checked={checked}\n            disabled={restProps.disabled}\n          />\n          <div className={styles['ActionSheetItem__marker']}>{iconChecked}</div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nexport { ActionSheetItem };\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  autoClose?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `checked` режима.\n   */\n  iconChecked?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nconst ActionSheetItem = ({\n  children,\n  autoClose,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked: iconCheckedProp,\n  className,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const iconChecked =\n    iconCheckedProp ||\n    (sizeY === SizeType.COMPACT ? <Icon20CheckCircleOn /> : <Icon24CheckCircleOn />);\n\n  let Component: React.ElementType = restProps.href ? 'a' : 'div';\n\n  if (selectable) {\n    Component = 'label';\n  }\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === Platform.IOS;\n\n  return (\n    <Tappable\n      Component={Component}\n      {...restProps}\n      onClick={selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose))}\n      activeMode={platform === Platform.IOS ? styles['ActionSheetItem--active'] : undefined}\n      className={classNames(\n        styles['ActionSheetItem'],\n        platform === Platform.IOS && styles['ActionSheetItem--ios'],\n        mode === 'cancel' && styles['ActionSheetItem--mode-cancel'],\n        mode === 'destructive' && styles['ActionSheetItem--mode-destructive'],\n        sizeY === SizeType.COMPACT && styles['ActionSheetItem--sizeY-compact'],\n        isRich && styles['ActionSheetItem--rich'],\n        isDesktop && styles['ActionSheetItem--desktop'],\n        className,\n      )}\n    >\n      {before && <div className={styles['ActionSheetItem__before']}>{before}</div>}\n      <div\n        className={classNames(\n          styles['ActionSheetItem__container'],\n          !multiline && styles['ActionSheetItem--ellipsis'],\n        )}\n      >\n        <div\n          className={classNames(\n            styles['ActionSheetItem__content'],\n            isCentered && styles['ActionSheetItem--centered'],\n          )}\n        >\n          <Text\n            weight={mode === 'cancel' ? '2' : undefined}\n            className={styles['ActionSheetItem__children']}\n          >\n            {children}\n          </Text>\n          {meta && <Text className={styles['ActionSheetItem__meta']}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles['ActionSheetItem__subtitle']}>{subtitle}</Subhead>}\n      </div>\n      {selectable && (\n        <div className={styles['ActionSheetItem__after']}>\n          <input\n            type=\"radio\"\n            className={styles['ActionSheetItem__radio']}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onClick={onItemClick(noop, noop, Boolean(autoClose))}\n            defaultChecked={defaultChecked}\n            checked={checked}\n            disabled={restProps.disabled}\n          />\n          <div className={styles['ActionSheetItem__marker']}>{iconChecked}</div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nexport { ActionSheetItem };\n"],"names":["React","Icon20CheckCircleOn","Icon24CheckCircleOn","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","SizeType","Platform","ActionSheetContext","Tappable","Subhead","Text","ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","iconCheckedProp","className","restProps","platform","useContext","onItemClick","isDesktop","sizeY","COMPACT","Component","href","isRich","isCentered","IOS","Boolean","activeMode","undefined","div","weight","input","type","disabled"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,EAAEC,mBAAmB,QAAQ,mBAAmB;AAC5E,SAASC,UAAU,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,kBAAkB,QAAqC,oCAAoC;AACpG,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,IAAI,QAAQ,0BAA0B;AA+B/C;;CAEC,GACD,IAAMC,kBAAkB,iBAmBI;QAlB1BC,kBAAAA,UACAC,mBAAAA,gCACAC,MAAAA,gCAAO,yBACPC,cAAAA,MACAC,kBAAAA,UACAC,gBAAAA,QACAC,oBAAAA,YACAC,eAAAA,OACAC,cAAAA,MACAC,iBAAAA,SACAC,wBAAAA,gBACAC,kBAAAA,UACAC,iBAAAA,SACAC,0BAAAA,4CACAC,WAAAA,0CAAY,KAAK,qBACjBC,AAAaC,yBAAbD,aACAE,mBAAAA,WACGC;QAjBHlB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,IAAME,WAAW3B;IACjB,IACEN,oBAAAA,MAAMkC,UAAU,CAAsCzB,qDAAtDT,kBADMmC,aAAAA,yDAAc;eAAM/B;uCAAMgC,YAChCpC,kBADgCoC;IAElC,IAAM,AAAEC,QAAUhC,kCAAVgC;IAER,IAAMR,cACJC,mBACCO,CAAAA,UAAU9B,SAAS+B,OAAO,iBAAG,oBAACrC,2CAAyB,oBAACC,0BAAsB,AAAD;IAEhF,IAAIqC,YAA+BP,UAAUQ,IAAI,GAAG,MAAM,KAAK;IAE/D,IAAIpB,YAAY;QACdmB,YAAY;IACd,CAAC;IAED,IAAME,SAASvB,YAAYD,QAAQG;IACnC,IAAMsB,aAAa,CAACD,UAAU,CAACtB,UAAUc,aAAazB,SAASmC,GAAG;IAElE,qBACE,oBAACjC;QACC6B,WAAWA;OACPP;QACJN,SAASN,aAAaM,UAAUS,YAAYT,SAASC,kBAAkBiB,QAAQ7B,WAAW;QAC1F8B,YAAYZ,aAAazB,SAASmC,GAAG,mCAAuCG,SAAS;QACrFf,WAAW5B,kCAET8B,aAAazB,SAASmC,GAAG,gCACzB3B,SAAS,gDACTA,SAAS,0DACTqB,UAAU9B,SAAS+B,OAAO,0CAC1BG,uCACAL,6CACAL;QAGDZ,wBAAU,oBAAC4B;QAAIhB,SAAS;OAAsCZ,uBAC/D,oBAAC4B;QACChB,WAAW5B,6CAET,CAACyB;qBAGH,oBAACmB;QACChB,WAAW5B,2CAETuC;qBAGF,oBAAC9B;QACCoC,QAAQhC,SAAS,WAAW,MAAM8B,SAAS;QAC3Cf,SAAS;OAERjB,WAEFG,sBAAQ,oBAACL;QAAKmB,SAAS;OAAoCd,QAE7DC,0BAAY,oBAACP;QAAQoB,SAAS;OAAwCb,YAExEE,4BACC,oBAAC2B;QAAIhB,SAAS;qBACZ,oBAACkB;QACCC,MAAK;QACLnB,SAAS;QACTT,MAAMA;QACND,OAAOA;QACPI,UAAUA;QACVC,SAASS,YAAY/B,MAAMA,MAAMwC,QAAQ7B;QACzCS,gBAAgBA;QAChBD,SAASA;QACT4B,UAAUnB,UAAUmB,QAAQ;sBAE9B,oBAACJ;QAAIhB,SAAS;OAAsCF;AAK9D;AAEA,SAAShB,eAAe,GAAG"}

package/dist/components/AdaptivityProvider/AdaptivityContext.js

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

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

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

package/dist/components/AdaptivityProvider/AdaptivityProvider.js

@@ -1,103 +1,99 @@
-import * as React from 'react';
-import { hasMouse as _hasPointer } from '@vkontakte/vkjs';
-import { useBridgeAdaptivity } from '../../hooks/useBridgeAdaptivity';
-import { BREAKPOINTS, SizeType, ViewHeight, ViewWidth } from '../../lib/adaptivity';
-import { AdaptivityContext } from './AdaptivityContext';
+import * as React from "react";
+import { hasMouse as _hasPointer } from "@vkontakte/vkjs";
+import { useBridgeAdaptivity } from "../../hooks/useBridgeAdaptivity";
+import { BREAKPOINTS, SizeType, ViewHeight, ViewWidth } from "../../lib/adaptivity";
+import { AdaptivityContext } from "./AdaptivityContext";
 /**
  * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
- */
-export var AdaptivityProvider = function AdaptivityProvider(_ref) {
-  var viewWidth = _ref.viewWidth,
-    viewHeight = _ref.viewHeight,
-    sizeX = _ref.sizeX,
-    sizeY = _ref.sizeY,
-    hasPointer = _ref.hasPointer,
-    hasHover = _ref.hasHover,
-    children = _ref.children;
-  var bridge = useBridgeAdaptivity();
-  var adaptivity = React.useMemo(function () {
-    return calculateAdaptivity({
-      viewWidth: viewWidth,
-      viewHeight: viewHeight,
-      sizeX: sizeX,
-      sizeY: sizeY,
-      hasPointer: hasPointer,
-      hasHover: hasHover
-    }, bridge);
-  }, [viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, bridge]);
-  return /*#__PURE__*/React.createElement(AdaptivityContext.Provider, {
-    value: adaptivity
-  }, children);
+ */ export var AdaptivityProvider = function(param) {
+    var viewWidth = param.viewWidth, viewHeight = param.viewHeight, sizeX = param.sizeX, sizeY = param.sizeY, hasPointer = param.hasPointer, hasHover = param.hasHover, children = param.children;
+    var bridge = useBridgeAdaptivity();
+    var adaptivity = React.useMemo(function() {
+        return calculateAdaptivity({
+            viewWidth: viewWidth,
+            viewHeight: viewHeight,
+            sizeX: sizeX,
+            sizeY: sizeY,
+            hasPointer: hasPointer,
+            hasHover: hasHover
+        }, bridge);
+    }, [
+        viewWidth,
+        viewHeight,
+        sizeX,
+        sizeY,
+        hasPointer,
+        hasHover,
+        bridge
+    ]);
+    return /*#__PURE__*/ React.createElement(AdaptivityContext.Provider, {
+        value: adaptivity
+    }, children);
 };
-function calculateAdaptivity(_ref2, bridge) {
-  var viewWidth = _ref2.viewWidth,
-    viewHeight = _ref2.viewHeight,
-    sizeX = _ref2.sizeX,
-    sizeY = _ref2.sizeY,
-    hasPointer = _ref2.hasPointer,
-    hasHover = _ref2.hasHover;
-  if (bridge.type === 'adaptive') {
-    var viewportWidth = bridge.viewportWidth,
-      viewportHeight = bridge.viewportHeight;
-    if (viewportWidth >= BREAKPOINTS.DESKTOP) {
-      viewWidth = ViewWidth.DESKTOP;
-    } else if (viewportWidth >= BREAKPOINTS.TABLET) {
-      viewWidth = ViewWidth.TABLET;
-    } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {
-      viewWidth = ViewWidth.SMALL_TABLET;
-    } else if (viewportWidth >= BREAKPOINTS.MOBILE) {
-      viewWidth = ViewWidth.MOBILE;
-    } else {
-      viewWidth = ViewWidth.SMALL_MOBILE;
-    }
-    if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {
-      viewHeight = ViewHeight.MEDIUM;
-    } else if (viewportHeight >= BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {
-      viewHeight = ViewHeight.SMALL;
-    } else {
-      viewHeight = ViewHeight.EXTRA_SMALL;
-    }
-    if (viewWidth <= ViewWidth.MOBILE) {
-      sizeX = SizeType.COMPACT;
-    } else {
-      sizeX = SizeType.REGULAR;
-    }
-    if (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer || viewHeight <= ViewHeight.EXTRA_SMALL) {
-      sizeY = SizeType.COMPACT;
-    } else {
-      sizeY = SizeType.REGULAR;
-    }
-  } else if (bridge.type === 'force_mobile' || bridge.type === 'force_mobile_compact') {
-    viewWidth = ViewWidth.MOBILE;
-    sizeX = SizeType.COMPACT;
-    if (bridge.type === 'force_mobile_compact') {
-      sizeY = SizeType.COMPACT;
-    } else {
-      sizeY = SizeType.REGULAR;
-    }
-  } else {
-    if (sizeX === undefined && viewWidth !== undefined) {
-      if (viewWidth <= ViewWidth.MOBILE) {
+function calculateAdaptivity(param, bridge) {
+    var viewWidth = param.viewWidth, viewHeight = param.viewHeight, sizeX = param.sizeX, sizeY = param.sizeY, hasPointer = param.hasPointer, hasHover = param.hasHover;
+    if (bridge.type === "adaptive") {
+        var viewportWidth = bridge.viewportWidth, viewportHeight = bridge.viewportHeight;
+        if (viewportWidth >= BREAKPOINTS.DESKTOP) {
+            viewWidth = ViewWidth.DESKTOP;
+        } else if (viewportWidth >= BREAKPOINTS.TABLET) {
+            viewWidth = ViewWidth.TABLET;
+        } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {
+            viewWidth = ViewWidth.SMALL_TABLET;
+        } else if (viewportWidth >= BREAKPOINTS.MOBILE) {
+            viewWidth = ViewWidth.MOBILE;
+        } else {
+            viewWidth = ViewWidth.SMALL_MOBILE;
+        }
+        if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {
+            viewHeight = ViewHeight.MEDIUM;
+        } else if (viewportHeight >= BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {
+            viewHeight = ViewHeight.SMALL;
+        } else {
+            viewHeight = ViewHeight.EXTRA_SMALL;
+        }
+        if (viewWidth <= ViewWidth.MOBILE) {
+            sizeX = SizeType.COMPACT;
+        } else {
+            sizeX = SizeType.REGULAR;
+        }
+        if (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer || viewHeight <= ViewHeight.EXTRA_SMALL) {
+            sizeY = SizeType.COMPACT;
+        } else {
+            sizeY = SizeType.REGULAR;
+        }
+    } else if (bridge.type === "force_mobile" || bridge.type === "force_mobile_compact") {
+        viewWidth = ViewWidth.MOBILE;
         sizeX = SizeType.COMPACT;
-      } else {
-        sizeX = SizeType.REGULAR;
-      }
-    }
-    if (sizeY === undefined && viewWidth !== undefined && viewHeight !== undefined) {
-      if (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer || viewHeight <= ViewHeight.EXTRA_SMALL) {
-        sizeY = SizeType.COMPACT;
-      } else {
-        sizeY = SizeType.REGULAR;
-      }
+        if (bridge.type === "force_mobile_compact") {
+            sizeY = SizeType.COMPACT;
+        } else {
+            sizeY = SizeType.REGULAR;
+        }
+    } else {
+        if (sizeX === undefined && viewWidth !== undefined) {
+            if (viewWidth <= ViewWidth.MOBILE) {
+                sizeX = SizeType.COMPACT;
+            } else {
+                sizeX = SizeType.REGULAR;
+            }
+        }
+        if (sizeY === undefined && viewWidth !== undefined && viewHeight !== undefined) {
+            if (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer || viewHeight <= ViewHeight.EXTRA_SMALL) {
+                sizeY = SizeType.COMPACT;
+            } else {
+                sizeY = SizeType.REGULAR;
+            }
+        }
     }
-  }
-  return {
-    viewWidth: viewWidth,
-    viewHeight: viewHeight,
-    sizeX: sizeX,
-    sizeY: sizeY,
-    hasPointer: hasPointer,
-    hasHover: hasHover
-  };
+    return {
+        viewWidth: viewWidth,
+        viewHeight: viewHeight,
+        sizeX: sizeX,
+        sizeY: sizeY,
+        hasPointer: hasPointer,
+        hasHover: hasHover
+    };
 }
+
 //# sourceMappingURL=AdaptivityProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdaptivityProvider.js","names":["React","hasMouse","_hasPointer","useBridgeAdaptivity","BREAKPOINTS","SizeType","ViewHeight","ViewWidth","AdaptivityContext","AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeY","hasPointer","hasHover","children","bridge","adaptivity","useMemo","calculateAdaptivity","type","viewportWidth","viewportHeight","DESKTOP","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","MEDIUM_HEIGHT","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","COMPACT","REGULAR","undefined"],"sources":["../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as _hasPointer } from '@vkontakte/vkjs';\nimport { BridgeAdaptivity, useBridgeAdaptivity } from '../../hooks/useBridgeAdaptivity';\nimport { BREAKPOINTS, SizeType, ViewHeight, ViewWidth } from '../../lib/adaptivity';\nimport { AdaptivityContext, type AdaptivityProps } from './AdaptivityContext';\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n  viewWidth,\n  viewHeight,\n  sizeX,\n  sizeY,\n  hasPointer,\n  hasHover,\n  children,\n}: React.PropsWithChildren<AdaptivityProps>) => {\n  const bridge = useBridgeAdaptivity();\n  const adaptivity = React.useMemo(\n    () =>\n      calculateAdaptivity(\n        {\n          viewWidth,\n          viewHeight,\n          sizeX,\n          sizeY,\n          hasPointer,\n          hasHover,\n        },\n        bridge,\n      ),\n    [viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, bridge],\n  );\n\n  return <AdaptivityContext.Provider value={adaptivity}>{children}</AdaptivityContext.Provider>;\n};\n\nfunction calculateAdaptivity(\n  { viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover }: AdaptivityProps,\n  bridge: BridgeAdaptivity,\n) {\n  if (bridge.type === 'adaptive') {\n    const { viewportWidth, viewportHeight } = bridge;\n\n    if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n      viewWidth = ViewWidth.DESKTOP;\n    } else if (viewportWidth >= BREAKPOINTS.TABLET) {\n      viewWidth = ViewWidth.TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n      viewWidth = ViewWidth.SMALL_TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.MOBILE) {\n      viewWidth = ViewWidth.MOBILE;\n    } else {\n      viewWidth = ViewWidth.SMALL_MOBILE;\n    }\n\n    if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n      viewHeight = ViewHeight.MEDIUM;\n    } else if (viewportHeight >= BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n      viewHeight = ViewHeight.SMALL;\n    } else {\n      viewHeight = ViewHeight.EXTRA_SMALL;\n    }\n\n    if (viewWidth <= ViewWidth.MOBILE) {\n      sizeX = SizeType.COMPACT;\n    } else {\n      sizeX = SizeType.REGULAR;\n    }\n\n    if (\n      (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n      viewHeight <= ViewHeight.EXTRA_SMALL\n    ) {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else if (bridge.type === 'force_mobile' || bridge.type === 'force_mobile_compact') {\n    viewWidth = ViewWidth.MOBILE;\n    sizeX = SizeType.COMPACT;\n\n    if (bridge.type === 'force_mobile_compact') {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else {\n    if (sizeX === undefined && viewWidth !== undefined) {\n      if (viewWidth <= ViewWidth.MOBILE) {\n        sizeX = SizeType.COMPACT;\n      } else {\n        sizeX = SizeType.REGULAR;\n      }\n    }\n    if (sizeY === undefined && viewWidth !== undefined && viewHeight !== undefined) {\n      if (\n        (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n        viewHeight <= ViewHeight.EXTRA_SMALL\n      ) {\n        sizeY = SizeType.COMPACT;\n      } else {\n        sizeY = SizeType.REGULAR;\n      }\n    }\n  }\n\n  return {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as _hasPointer } from '@vkontakte/vkjs';\nimport { BridgeAdaptivity, useBridgeAdaptivity } from '../../hooks/useBridgeAdaptivity';\nimport { BREAKPOINTS, SizeType, ViewHeight, ViewWidth } from '../../lib/adaptivity';\nimport { AdaptivityContext, type AdaptivityProps } from './AdaptivityContext';\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n  viewWidth,\n  viewHeight,\n  sizeX,\n  sizeY,\n  hasPointer,\n  hasHover,\n  children,\n}: React.PropsWithChildren<AdaptivityProps>) => {\n  const bridge = useBridgeAdaptivity();\n  const adaptivity = React.useMemo(\n    () =>\n      calculateAdaptivity(\n        {\n          viewWidth,\n          viewHeight,\n          sizeX,\n          sizeY,\n          hasPointer,\n          hasHover,\n        },\n        bridge,\n      ),\n    [viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, bridge],\n  );\n\n  return <AdaptivityContext.Provider value={adaptivity}>{children}</AdaptivityContext.Provider>;\n};\n\nfunction calculateAdaptivity(\n  { viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover }: AdaptivityProps,\n  bridge: BridgeAdaptivity,\n) {\n  if (bridge.type === 'adaptive') {\n    const { viewportWidth, viewportHeight } = bridge;\n\n    if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n      viewWidth = ViewWidth.DESKTOP;\n    } else if (viewportWidth >= BREAKPOINTS.TABLET) {\n      viewWidth = ViewWidth.TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n      viewWidth = ViewWidth.SMALL_TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.MOBILE) {\n      viewWidth = ViewWidth.MOBILE;\n    } else {\n      viewWidth = ViewWidth.SMALL_MOBILE;\n    }\n\n    if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n      viewHeight = ViewHeight.MEDIUM;\n    } else if (viewportHeight >= BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n      viewHeight = ViewHeight.SMALL;\n    } else {\n      viewHeight = ViewHeight.EXTRA_SMALL;\n    }\n\n    if (viewWidth <= ViewWidth.MOBILE) {\n      sizeX = SizeType.COMPACT;\n    } else {\n      sizeX = SizeType.REGULAR;\n    }\n\n    if (\n      (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n      viewHeight <= ViewHeight.EXTRA_SMALL\n    ) {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else if (bridge.type === 'force_mobile' || bridge.type === 'force_mobile_compact') {\n    viewWidth = ViewWidth.MOBILE;\n    sizeX = SizeType.COMPACT;\n\n    if (bridge.type === 'force_mobile_compact') {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else {\n    if (sizeX === undefined && viewWidth !== undefined) {\n      if (viewWidth <= ViewWidth.MOBILE) {\n        sizeX = SizeType.COMPACT;\n      } else {\n        sizeX = SizeType.REGULAR;\n      }\n    }\n    if (sizeY === undefined && viewWidth !== undefined && viewHeight !== undefined) {\n      if (\n        (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n        viewHeight <= ViewHeight.EXTRA_SMALL\n      ) {\n        sizeY = SizeType.COMPACT;\n      } else {\n        sizeY = SizeType.REGULAR;\n      }\n    }\n  }\n\n  return {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  };\n}\n"],"names":["React","hasMouse","_hasPointer","useBridgeAdaptivity","BREAKPOINTS","SizeType","ViewHeight","ViewWidth","AdaptivityContext","AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeY","hasPointer","hasHover","children","bridge","adaptivity","useMemo","calculateAdaptivity","Provider","value","type","viewportWidth","viewportHeight","DESKTOP","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","MEDIUM_HEIGHT","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","COMPACT","REGULAR","undefined"],"mappings":"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"}