@vkontakte/vkui 4.33.4 → 4.34.2

package/.cache/ts/src/components/Textarea/Textarea.d.ts

@@ -7,4 +7,7 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
     onResize?(el: HTMLTextAreaElement): void;
     defaultValue?: string;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/Textarea
+ */
 export declare const Textarea: React.FC<Pick<TextareaProps, "style" | "placeholder" | "title" | "disabled" | "hidden" | "required" | "role" | "security" | "dir" | "form" | "slot" | "wrap" | "readOnly" | "name" | "color" | "maxHeight" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "autoFocus" | "value" | "autoComplete" | "maxLength" | "minLength" | "cols" | "dirName" | "rows" | "getRootRef" | "getRef" | "grow" | "onResize"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/.cache/ts/src/components/Tooltip/Tooltip.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { HasRootRef } from "../../types";
 import "./Tooltip.css";
 export interface TooltipProps {
     /**
@@ -6,7 +7,7 @@ export interface TooltipProps {
      * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,
      * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.
      */
-    children: React.ReactElement;
+    children: React.ReactElement<HasRootRef<any>> | React.ReactElement<React.PropsWithRef<any>>;
     mode?: "accent" | "light";
     /**
      * Если передан `false`, то рисуется просто `children`.
@@ -54,4 +55,4 @@ export interface TooltipProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/Tooltip
  */
-export declare const Tooltip: React.FC<TooltipProps>;
+export declare const Tooltip: ({ children, isShown: _isShown, offsetX, offsetY, alignX, alignY, onClose, cornerOffset, cornerAbsoluteOffset, mode, ...restProps }: TooltipProps) => JSX.Element;

package/.cache/ts/src/components/Touch/Touch.d.ts

@@ -48,5 +48,5 @@ export declare type DragHandler = (e: React.DragEvent<HTMLElement>) => void;
 /**
  * @see https://vkcom.github.io/VKUI/#/Touch
  */
-export declare const Touch: React.FC<TouchProps>;
+export declare const Touch: ({ onStart, onStartX, onStartY, onMove: _onMove, onMoveX, onMoveY, onLeave, onEnter, onEnd: _onEnd, onEndX, onEndY, onClickCapture, usePointerHover, slideThreshold, useCapture, Component, getRootRef, noSlideClick, stopPropagation, ...restProps }: TouchProps) => JSX.Element;
 export {};

package/.cache/ts/src/components/Typography/Caption/Caption.d.ts

@@ -14,4 +14,4 @@ export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasC
 /**
  * @see https://vkcom.github.io/VKUI/#/Caption
  */
-export declare const Caption: React.FC<CaptionProps>;
+export declare const Caption: ({ children, weight, level, caps, Component, ...restProps }: CaptionProps) => JSX.Element;

package/.cache/ts/src/components/Typography/Headline/Headline.d.ts

@@ -13,4 +13,4 @@ export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, Has
 /**
  * @see https://vkcom.github.io/VKUI/#/Headline
  */
-export declare const Headline: React.FC<HeadlineProps>;
+export declare const Headline: ({ children, weight, level, Component, ...restProps }: HeadlineProps) => JSX.Element;

package/.cache/ts/src/components/Typography/Paragraph/Paragraph.d.ts

@@ -10,4 +10,4 @@ export interface ParagraphProps extends React.AllHTMLAttributes<HTMLElement>, Ha
 /**
  * @see https://vkcom.github.io/VKUI/#/Paragraph
  */
-export declare const Paragraph: React.FC<ParagraphProps>;
+export declare const Paragraph: ({ Component, getRootRef, weight, children, ...restProps }: ParagraphProps) => JSX.Element;

package/.cache/ts/src/components/Typography/Subhead/Subhead.d.ts

@@ -12,4 +12,4 @@ export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasC
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */
-export declare const Subhead: React.FC<SubheadProps>;
+export declare const Subhead: ({ children, weight, Component, ...restProps }: SubheadProps) => JSX.Element;

package/.cache/ts/src/components/Typography/Text/Text.d.ts

@@ -12,4 +12,4 @@ export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRoot
 /**
  * @see https://vkcom.github.io/VKUI/#/Text
  */
-export declare const Text: React.FC<TextProps>;
+export declare const Text: ({ children, weight, Component, getRootRef, ...restProps }: TextProps) => JSX.Element;

package/.cache/ts/src/components/Typography/Title/Title.d.ts

@@ -13,4 +13,4 @@ export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasCom
 /**
  * @see https://vkcom.github.io/VKUI/#/Title
  */
-export declare const Title: React.FC<TitleProps>;
+export declare const Title: ({ children, weight, level, Component, ...restProps }: TitleProps) => JSX.Element;

package/.cache/ts/src/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts

@@ -9,4 +9,4 @@ export interface VisuallyHiddenInputProps extends React.InputHTMLAttributes<HTML
  * скрыть его визуально и оставить
  * доступным для ассистивных технологий.
  */
-export declare const VisuallyHiddenInput: React.FC<VisuallyHiddenInputProps>;
+export declare const VisuallyHiddenInput: ({ getRef, ...restProps }: VisuallyHiddenInputProps) => JSX.Element;

package/.cache/ts/src/components/WriteBar/WriteBar.d.ts

@@ -23,4 +23,4 @@ export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextArea
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
  */
-export declare const WriteBar: React.FC<WriteBarProps>;
+export declare const WriteBar: ({ className, style, before, inlineAfter, after, value, onChange, getRootRef, getRef, onHeightChange, ...restProps }: WriteBarProps) => JSX.Element;

package/.cache/ts/src/components/WriteBarIcon/WriteBarIcon.d.ts

@@ -18,4 +18,4 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
  */
-export declare const WriteBarIcon: React.FC<WriteBarIconProps>;
+export declare const WriteBarIcon: ({ mode, children, count, ...restProps }: WriteBarIconProps) => JSX.Element;

package/.cache/ts/src/hoc/withInsets.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { HasInsets } from "../types";
-export declare function withInsets<T extends HasInsets>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasInsets>>;
+export declare function withInsets<T extends HasInsets>(Component: React.ComponentType<T>): React.ComponentType<Omit<T, keyof HasInsets>>;

package/.cache/ts/src/hooks/useEnsuredControl.d.ts

@@ -1,4 +1,5 @@
-export declare function useEnsuredControl<V, E>(props: {
+import * as React from "react";
+export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>(props: {
     value?: V;
     onChange?: (e: E) => any;
 }, options: {

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

@@ -76,7 +76,7 @@ export { IconButton } from "./components/IconButton/IconButton";
 export type { IconButtonProps } from "./components/IconButton/IconButton";
 export { Card } from "./components/Card/Card";
 export type { CardProps } from "./components/Card/Card";
-export { default as CardGrid } from "./components/CardGrid/CardGrid";
+export { CardGrid } from "./components/CardGrid/CardGrid";
 export type { CardGridProps } from "./components/CardGrid/CardGrid";
 export { CardScroll } from "./components/CardScroll/CardScroll";
 export type { CardScrollProps } from "./components/CardScroll/CardScroll";

package/.cache/ts/src/lib/SSR.d.ts

@@ -10,8 +10,9 @@ export declare const SSRContext: React.Context<SSRContextInterface>;
 export interface SSRWrapperProps {
     userAgent?: string;
     browserInfo?: BrowserInfo;
+    children?: React.ReactNode;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/SSR
  */
-export declare const SSRWrapper: React.FC<SSRWrapperProps>;
+export declare const SSRWrapper: ({ userAgent, browserInfo, children, }: SSRWrapperProps) => JSX.Element;

package/.cache/ts/src/testing/utils.d.ts

@@ -2,6 +2,7 @@
 import * as React from "react";
 import { AdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
 import { ImgOnlyAttributes } from "../lib/utils";
+import { HasChildren } from "../types";
 export declare function fakeTimers(): void;
 export declare const runAllTimers: () => void;
 export declare const imgOnlyAttributes: ImgOnlyAttributes;
@@ -25,7 +26,7 @@ declare type RectOptions = {
     w?: number;
     h?: number;
 };
-export declare function mockRect(el: HTMLElement | ({} & any), { x, y, w, h }: RectOptions): void;
-export declare const mockScrollContext: (getY: () => number) => [React.FC<{}>, jest.Mock<any, any>];
+export declare function mockRect(el: any, { x, y, w, h }: RectOptions): void;
+export declare const mockScrollContext: (getY: () => number) => [React.ComponentType<HasChildren>, jest.Mock<any, any>];
 export declare function waitForPopper(): Promise<void>;
 export {};

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

@@ -6,10 +6,18 @@ export { FormLayoutGroup } from "../components/FormLayoutGroup/FormLayoutGroup";
 export type { FormLayoutGroupProps } from "../components/FormLayoutGroup/FormLayoutGroup";
 export { Button } from "../components/Button/Button";
 export type { ButtonProps } from "../components/Button/Button";
+export { MiniInfoCell } from "../components/MiniInfoCell/MiniInfoCell";
+export type { MiniInfoCellProps } from "../components/MiniInfoCell/MiniInfoCell";
+export { Gradient } from "../components/Gradient/Gradient";
+export type { GradientProps } from "../components/Gradient/Gradient";
 export { Card } from "../components/Card/Card";
 export type { CardProps } from "../components/Card/Card";
 export { CardScroll } from "../components/CardScroll/CardScroll";
 export type { CardScrollProps } from "../components/CardScroll/CardScroll";
+export { Group } from "../components/Group/Group";
+export type { GroupProps } from "../components/Group/Group";
+export { Cell } from "../components/Cell/Cell";
+export type { CellProps } from "../components/Cell/Cell";
 export { GridAvatar } from "../components/GridAvatar/GridAvatar";
 export type { GridAvatarProps } from "../components/GridAvatar/GridAvatar";
 export { HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
@@ -20,6 +28,12 @@ export { InitialsAvatar } from "../components/InitialsAvatar/InitialsAvatar";
 export type { InitialsAvatarProps } from "../components/InitialsAvatar/InitialsAvatar";
 export { InfoRow } from "../components/InfoRow/InfoRow";
 export type { InfoRowProps } from "../components/InfoRow/InfoRow";
+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 { Link } from "../components/Link/Link";
+export type { LinkProps } from "../components/Link/Link";
 export { ButtonGroup } from "../components/ButtonGroup/ButtonGroup";
 export type { ButtonGroupProps } from "../components/ButtonGroup/ButtonGroup";
 export { Switch } from "../components/Switch/Switch";
@@ -30,6 +44,8 @@ export { Radio } from "../components/Radio/Radio";
 export type { RadioProps } from "../components/Radio/Radio";
 export { RadioGroup } from "../components/RadioGroup/RadioGroup";
 export type { RadioGroupProps } from "../components/RadioGroup/RadioGroup";
+export { RichCell } from "../components/RichCell/RichCell";
+export type { RichCellProps } from "../components/RichCell/RichCell";
 export { SegmentedControl } from "../components/SegmentedControl/SegmentedControl";
 export type { SegmentedControlProps, SegmentedControlOptionInterface, SegmentedControlValue, } from "../components/SegmentedControl/SegmentedControl";
 export { Tappable } from "../components/Tappable/Tappable";
@@ -42,6 +58,10 @@ export { Subhead } from "../components/Typography/Subhead/Subhead";
 export type { SubheadProps } from "../components/Typography/Subhead/Subhead";
 export { CellButton } from "../components/CellButton/CellButton";
 export type { CellButtonProps } from "../components/CellButton/CellButton";
+export { ScreenSpinner } from "../components/ScreenSpinner/ScreenSpinner";
+export type { ScreenSpinnerProps } from "../components/ScreenSpinner/ScreenSpinner";
+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 { Calendar } from "../components/Calendar/Calendar";
@@ -64,10 +84,14 @@ export { Slider } from "../components/Slider/Slider";
 export type { SliderProps } from "../components/Slider/Slider";
 export { RangeSlider } from "../components/RangeSlider/RangeSlider";
 export type { RangeSliderProps } from "../components/RangeSlider/RangeSlider";
+export { Placeholder } from "../components/Placeholder/Placeholder";
+export type { PlaceholderProps } from "../components/Placeholder/Placeholder";
 export { Input } from "../components/Input/Input";
 export type { InputProps } from "../components/Input/Input";
 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 { FocusVisible } from "../components/FocusVisible/FocusVisible";
 export type { FocusVisibleProps } from "../components/FocusVisible/FocusVisible";
 export { FormField } from "../components/FormField/FormField";
@@ -92,6 +116,8 @@ export { Checkbox } from "../components/Checkbox/Checkbox";
 export type { CheckboxProps } from "../components/Checkbox/Checkbox";
 export { ChipsInput } from "../components/ChipsInput/ChipsInput";
 export type { ChipsInputProps } from "../components/ChipsInput/ChipsInput";
+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 { Spacing } from "../components/Spacing/Spacing";
@@ -124,3 +150,5 @@ export { DateRangeInput } from "../components/DateRangeInput/DateRangeInput";
 export type { DateRangeInputProps } from "../components/DateRangeInput/DateRangeInput";
 export { Footer } from "../components/Footer/Footer";
 export type { FooterProps } from "../components/Footer/Footer";
+export { Tabbar } from "../components/Tabbar/Tabbar";
+export type { TabbarProps } from "../components/Tabbar/Tabbar";

package/.cache/ts/src/types.d.ts

@@ -3,6 +3,9 @@ import { PlatformType } from "./lib/platform";
 import { Insets } from "@vkontakte/vk-bridge";
 export declare type AnyFunction = (...args: any[]) => any;
 export declare type AlignType = "left" | "center" | "right";
+export interface HasChildren {
+    children?: React.ReactNode;
+}
 export interface HasRootRef<T> {
     getRootRef?: React.Ref<T>;
 }

package/.eslintignore

@@ -1,6 +1,7 @@
 node_modules/
 dist/
 docs/
+styleguide-build/
 *.test.js
 src/vkui.js
 stylelint.config.js

package/.eslintrc.json

@@ -27,6 +27,8 @@
   },
   "plugins": ["import", "vkui"],
   "rules": {
+    "no-shadow": "off", // Need using @typescript-eslint/no-shadow
+    "@typescript-eslint/prefer-ts-expect-error": "off", // Need typescript > 3.9
     "@typescript-eslint/explicit-member-accessibility": "off",
     "@typescript-eslint/no-unnecessary-condition": "off",
     "@typescript-eslint/no-magic-numbers": "off",
@@ -140,7 +142,8 @@
       },
       "rules": {
         "no-restricted-properties": "off",
-        "no-restricted-globals": "off"
+        "no-restricted-globals": "off",
+        "react/display-name": "off"
       }
     },
     {

package/.prettierignore

@@ -10,6 +10,6 @@ e2e-results.json
 .nyc_output
 __diff_output__
 .cache
-docs/
+styleguide-build/
 src/styles/generated
 .github/**/*.md

package/README.md

@@ -87,7 +87,7 @@ ReactDOM.render(
 
 ## Тестирование
 
-Мы работаем над качеством библиотеки и подвозим тесты. `yarn test` запускает юниты, проверяет типы и линтит. `yarn test:unit` запускает только юниты и поддерживает интерактивный режим с флагом `--watch`. Также мы поддерживаем скриншотные тесты — смотрите наш [гайд по тестированию](./TESTING.md).
+Мы работаем над качеством библиотеки и подвозим тесты. `yarn test` запускает юниты, проверяет типы и линтит. `yarn test:unit` запускает только юниты и поддерживает интерактивный режим с флагом `--watch`. Также мы поддерживаем скриншотные тесты — смотрите наш [гайд по тестированию](https://github.com/VKCOM/VKUI/blob/master/docs/TESTING.md).
 
 ## Документация
 
@@ -99,8 +99,7 @@ ReactDOM.render(
 
 ## Contributing
 
-Мы очень радуемся, когда пользователи библиотеки работают над её улучшением. Для того, чтобы оставить след в
-истории:
+Мы очень радуемся, когда пользователи библиотеки работают над её улучшением. Для того, чтобы оставить след в истории:
 
-- почитайте наши [чеклист компонента и общие требования к разработке](./CONTRIBUTING.md),
+- почитайте наши [чеклист компонента и общие требования к разработке](https://github.com/VKCOM/VKUI/blob/master/docs/CONTRIBUTING.md),
 - сделайте форк проекта, внесите изменения и отправьте нам [pull request](https://github.com/VKCOM/VKUI/pulls).

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

@@ -45,7 +45,7 @@ var _warnOnce = require("../../lib/warnOnce");
 
 var _ScrollContext = require("../AppRoot/ScrollContext");
 
-var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem"];
+var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem", "popupDirection"];
 var warn = (0, _warnOnce.warnOnce)("ActionSheet");
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
@@ -58,6 +58,8 @@ var ActionSheet = function ActionSheet(_ref) {
       text = _ref.text,
       style = _ref.style,
       iosCloseItem = _ref.iosCloseItem,
+      _ref$popupDirection = _ref.popupDirection,
+      popupDirection = _ref$popupDirection === void 0 ? "bottom" : _ref$popupDirection,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
@@ -129,6 +131,7 @@ var ActionSheet = function ActionSheet(_ref) {
     closing: closing,
     timeout: timeout
   }, restProps, {
+    popupDirection: popupDirection,
     onClose: onClose,
     className: isDesktop ? className : undefined,
     style: isDesktop ? style : undefined
@@ -157,7 +160,4 @@ var ActionSheet = function ActionSheet(_ref) {
 };
 
 exports.ActionSheet = ActionSheet;
-ActionSheet.defaultProps = {
-  popupDirection: "bottom"
-};
 //# sourceMappingURL=ActionSheet.js.map

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","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","defaultProps","popupDirection"],"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: React.FC<ActionSheetProps> = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  ...restProps\n}) => {\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        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\nActionSheet.defaultProps = {\n  popupDirection: \"bottom\",\n};\n"],"file":"ActionSheet.js"}
+{"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"}

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,mBAAkD,GAAG,SAArDA,mBAAqD,OAO5D;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,cAEI,QAFJA,cAEI;AAAA,MADDC,SACC;AACJ,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: React.FC<SharedDropdownProps> = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  popupDirection,\n  ...restProps\n}) => {\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,"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"}

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":"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","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: React.FC<SharedDropdownProps> = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  ...restProps\n}) => {\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((e) => e.stopPropagation(), []);\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,"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":"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","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"}

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: React.FC<ActionSheetItemProps> = ({\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,"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"names":["DESKTOP_SIZE","TABLET_SIZE","SMALL_TABLET_SIZE","MOBILE_SIZE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","AdaptivityProvider","props","adaptivityRef","React","useRef","useState","updateAdaptivity","bridge","window","current","calculateAdaptivity","useEffect","onResize","calculated","viewWidth","viewHeight","sizeX","sizeY","hasMouse","deviceHasHover","addEventListener","removeEventListener","children","windowWidth","windowHeight","type","viewportWidth","viewportHeight","innerWidth","innerHeight","ViewWidth","SMALL_MOBILE","ViewHeight","SMALL","SizeType","REGULAR","_hasMouse","_hasHover","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MEDIUM","EXTRA_SMALL","COMPACT"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasMouse, hasHover as _hasHover } from \"@vkontakte/vkjs\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n  SizeType,\n  ViewHeight,\n  ViewWidth,\n} from \"./AdaptivityContext\";\nimport { useDOM } from \"../../lib/dom\";\nimport {\n  useBridgeAdaptivity,\n  BridgeAdaptivity,\n} from \"../../hooks/useBridgeAdaptivity\";\n\nexport const DESKTOP_SIZE = 1280;\nexport const TABLET_SIZE = 1024;\nexport const SMALL_TABLET_SIZE = 768;\nexport const MOBILE_SIZE = 320;\n\nexport const MOBILE_LANDSCAPE_HEIGHT = 414;\nexport const MEDIUM_HEIGHT = 720;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nconst AdaptivityProvider: React.FC<AdaptivityProps> = (props) => {\n  const adaptivityRef = React.useRef<ReturnType<\n    typeof calculateAdaptivity\n  > | null>(null);\n  const [, updateAdaptivity] = React.useState({});\n  const bridge = useBridgeAdaptivity();\n\n  const { window } = useDOM();\n\n  if (!adaptivityRef.current) {\n    adaptivityRef.current = calculateAdaptivity(props, bridge, window);\n  }\n\n  React.useEffect(() => {\n    function onResize() {\n      if (adaptivityRef.current === null) {\n        return;\n      }\n\n      const calculated = calculateAdaptivity(props, bridge, window);\n      const { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover } =\n        adaptivityRef.current;\n\n      if (\n        viewWidth !== calculated.viewWidth ||\n        viewHeight !== calculated.viewHeight ||\n        sizeX !== calculated.sizeX ||\n        sizeY !== calculated.sizeY ||\n        hasMouse !== calculated.hasMouse ||\n        deviceHasHover !== calculated.deviceHasHover\n      ) {\n        adaptivityRef.current = calculated;\n        updateAdaptivity({});\n      }\n    }\n\n    onResize();\n    window!.addEventListener(\"resize\", onResize, false);\n\n    return () => {\n      window!.removeEventListener(\"resize\", onResize, false);\n    };\n  }, [\n    props.viewWidth,\n    props.viewHeight,\n    props.sizeX,\n    props.sizeY,\n    props.hasMouse,\n    props.deviceHasHover,\n    window,\n    props,\n    bridge,\n  ]);\n\n  return (\n    <AdaptivityContext.Provider value={adaptivityRef.current}>\n      {props.children}\n    </AdaptivityContext.Provider>\n  );\n};\n\nfunction calculateAdaptivity(\n  props: AdaptivityProps,\n  bridge: BridgeAdaptivity,\n  window?: Window\n) {\n  let windowWidth = 0;\n  let windowHeight = 0;\n\n  if (bridge.type === \"adaptive\") {\n    windowWidth = bridge.viewportWidth;\n    windowHeight = bridge.viewportHeight;\n  } else if (window) {\n    windowWidth = window.innerWidth;\n    windowHeight = window.innerHeight;\n  }\n\n  let viewWidth = ViewWidth.SMALL_MOBILE;\n  let viewHeight = ViewHeight.SMALL;\n  let sizeY = SizeType.REGULAR;\n  let sizeX = SizeType.REGULAR;\n  let hasMouse = _hasMouse;\n  let deviceHasHover = _hasHover;\n\n  if (windowWidth >= DESKTOP_SIZE) {\n    viewWidth = ViewWidth.DESKTOP;\n  } else if (windowWidth >= TABLET_SIZE) {\n    viewWidth = ViewWidth.TABLET;\n  } else if (windowWidth >= SMALL_TABLET_SIZE) {\n    viewWidth = ViewWidth.SMALL_TABLET;\n  } else if (windowWidth >= MOBILE_SIZE) {\n    viewWidth = ViewWidth.MOBILE;\n  } else {\n    viewWidth = ViewWidth.SMALL_MOBILE;\n  }\n\n  if (windowHeight >= MEDIUM_HEIGHT) {\n    viewHeight = ViewHeight.MEDIUM;\n  } else if (windowHeight > MOBILE_LANDSCAPE_HEIGHT) {\n    viewHeight = ViewHeight.SMALL;\n  } else {\n    viewHeight = ViewHeight.EXTRA_SMALL;\n  }\n\n  if (!bridge.type) {\n    props.viewWidth && (viewWidth = props.viewWidth);\n    props.viewHeight && (viewHeight = props.viewHeight);\n\n    hasMouse = props.hasMouse ?? hasMouse;\n    deviceHasHover = props.deviceHasHover ?? deviceHasHover;\n  }\n\n  if (viewWidth <= ViewWidth.MOBILE) {\n    sizeX = SizeType.COMPACT;\n  }\n\n  if (\n    (viewWidth >= ViewWidth.SMALL_TABLET && hasMouse) ||\n    viewHeight <= ViewHeight.EXTRA_SMALL\n  ) {\n    sizeY = SizeType.COMPACT;\n  }\n\n  if (!bridge.type) {\n    props.sizeX && (sizeX = props.sizeX);\n    props.sizeY && (sizeY = props.sizeY);\n  }\n\n  if (\n    bridge.type === \"force_mobile\" ||\n    bridge.type === \"force_mobile_compact\"\n  ) {\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  }\n\n  return { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover };\n}\n\nexport { AdaptivityProvider };\n"],"file":"AdaptivityProvider.js"}
+{"version":3,"sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"names":["DESKTOP_SIZE","TABLET_SIZE","SMALL_TABLET_SIZE","MOBILE_SIZE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","AdaptivityProvider","props","adaptivityRef","React","useRef","useState","updateAdaptivity","bridge","window","current","calculateAdaptivity","useEffect","onResize","calculated","viewWidth","viewHeight","sizeX","sizeY","hasMouse","deviceHasHover","addEventListener","removeEventListener","children","windowWidth","windowHeight","type","viewportWidth","viewportHeight","innerWidth","innerHeight","ViewWidth","SMALL_MOBILE","ViewHeight","SMALL","SizeType","REGULAR","_hasMouse","_hasHover","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MEDIUM","EXTRA_SMALL","COMPACT"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasMouse, hasHover as _hasHover } from \"@vkontakte/vkjs\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n  SizeType,\n  ViewHeight,\n  ViewWidth,\n} from \"./AdaptivityContext\";\nimport { useDOM } from \"../../lib/dom\";\nimport {\n  useBridgeAdaptivity,\n  BridgeAdaptivity,\n} from \"../../hooks/useBridgeAdaptivity\";\n\nexport const DESKTOP_SIZE = 1280;\nexport const TABLET_SIZE = 1024;\nexport const SMALL_TABLET_SIZE = 768;\nexport const MOBILE_SIZE = 320;\n\nexport const MOBILE_LANDSCAPE_HEIGHT = 414;\nexport const MEDIUM_HEIGHT = 720;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nconst AdaptivityProvider = (\n  props: React.PropsWithChildren<AdaptivityProps>\n) => {\n  const adaptivityRef = React.useRef<ReturnType<\n    typeof calculateAdaptivity\n  > | null>(null);\n  const [, updateAdaptivity] = React.useState({});\n  const bridge = useBridgeAdaptivity();\n\n  const { window } = useDOM();\n\n  if (!adaptivityRef.current) {\n    adaptivityRef.current = calculateAdaptivity(props, bridge, window);\n  }\n\n  React.useEffect(() => {\n    function onResize() {\n      if (adaptivityRef.current === null) {\n        return;\n      }\n\n      const calculated = calculateAdaptivity(props, bridge, window);\n      const { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover } =\n        adaptivityRef.current;\n\n      if (\n        viewWidth !== calculated.viewWidth ||\n        viewHeight !== calculated.viewHeight ||\n        sizeX !== calculated.sizeX ||\n        sizeY !== calculated.sizeY ||\n        hasMouse !== calculated.hasMouse ||\n        deviceHasHover !== calculated.deviceHasHover\n      ) {\n        adaptivityRef.current = calculated;\n        updateAdaptivity({});\n      }\n    }\n\n    onResize();\n    window!.addEventListener(\"resize\", onResize, false);\n\n    return () => {\n      window!.removeEventListener(\"resize\", onResize, false);\n    };\n  }, [\n    props.viewWidth,\n    props.viewHeight,\n    props.sizeX,\n    props.sizeY,\n    props.hasMouse,\n    props.deviceHasHover,\n    window,\n    props,\n    bridge,\n  ]);\n\n  return (\n    <AdaptivityContext.Provider value={adaptivityRef.current}>\n      {props.children}\n    </AdaptivityContext.Provider>\n  );\n};\n\nfunction calculateAdaptivity(\n  props: AdaptivityProps,\n  bridge: BridgeAdaptivity,\n  window?: Window\n) {\n  let windowWidth = 0;\n  let windowHeight = 0;\n\n  if (bridge.type === \"adaptive\") {\n    windowWidth = bridge.viewportWidth;\n    windowHeight = bridge.viewportHeight;\n  } else if (window) {\n    windowWidth = window.innerWidth;\n    windowHeight = window.innerHeight;\n  }\n\n  let viewWidth = ViewWidth.SMALL_MOBILE;\n  let viewHeight = ViewHeight.SMALL;\n  let sizeY = SizeType.REGULAR;\n  let sizeX = SizeType.REGULAR;\n  let hasMouse = _hasMouse;\n  let deviceHasHover = _hasHover;\n\n  if (windowWidth >= DESKTOP_SIZE) {\n    viewWidth = ViewWidth.DESKTOP;\n  } else if (windowWidth >= TABLET_SIZE) {\n    viewWidth = ViewWidth.TABLET;\n  } else if (windowWidth >= SMALL_TABLET_SIZE) {\n    viewWidth = ViewWidth.SMALL_TABLET;\n  } else if (windowWidth >= MOBILE_SIZE) {\n    viewWidth = ViewWidth.MOBILE;\n  } else {\n    viewWidth = ViewWidth.SMALL_MOBILE;\n  }\n\n  if (windowHeight >= MEDIUM_HEIGHT) {\n    viewHeight = ViewHeight.MEDIUM;\n  } else if (windowHeight > MOBILE_LANDSCAPE_HEIGHT) {\n    viewHeight = ViewHeight.SMALL;\n  } else {\n    viewHeight = ViewHeight.EXTRA_SMALL;\n  }\n\n  if (!bridge.type) {\n    props.viewWidth && (viewWidth = props.viewWidth);\n    props.viewHeight && (viewHeight = props.viewHeight);\n\n    hasMouse = props.hasMouse ?? hasMouse;\n    deviceHasHover = props.deviceHasHover ?? deviceHasHover;\n  }\n\n  if (viewWidth <= ViewWidth.MOBILE) {\n    sizeX = SizeType.COMPACT;\n  }\n\n  if (\n    (viewWidth >= ViewWidth.SMALL_TABLET && hasMouse) ||\n    viewHeight <= ViewHeight.EXTRA_SMALL\n  ) {\n    sizeY = SizeType.COMPACT;\n  }\n\n  if (!bridge.type) {\n    props.sizeX && (sizeX = props.sizeX);\n    props.sizeY && (sizeY = props.sizeY);\n  }\n\n  if (\n    bridge.type === \"force_mobile\" ||\n    bridge.type === \"force_mobile_compact\"\n  ) {\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  }\n\n  return { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover };\n}\n\nexport { AdaptivityProvider };\n"],"file":"AdaptivityProvider.js"}