npm - @vkontakte/vkui - Versions diffs - 4.33.4 → 4.34.0 - Mend

@vkontakte/vkui 4.33.4 → 4.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1594) hide show

package/dist/cjs/tokenized/index.js CHANGED Viewed

@@ -57,12 +57,24 @@ Object.defineProperty(exports, "Card", {
     return _Card.Card;
   }
 });
+Object.defineProperty(exports, "CardGrid", {
+  enumerable: true,
+  get: function get() {
+    return _CardGrid.CardGrid;
+  }
+});
 Object.defineProperty(exports, "CardScroll", {
   enumerable: true,
   get: function get() {
     return _CardScroll.CardScroll;
   }
 });
+Object.defineProperty(exports, "Cell", {
+  enumerable: true,
+  get: function get() {
+    return _Cell.Cell;
+  }
+});
 Object.defineProperty(exports, "CellButton", {
   enumerable: true,
   get: function get() {
@@ -141,6 +153,12 @@ Object.defineProperty(exports, "Div", {
     return _Div.Div;
   }
 });
+Object.defineProperty(exports, "Dropdown", {
+  enumerable: true,
+  get: function get() {
+    return _Dropdown.Dropdown;
+  }
+});
 Object.defineProperty(exports, "File", {
   enumerable: true,
   get: function get() {
@@ -195,12 +213,24 @@ Object.defineProperty(exports, "Gallery", {
     return _Gallery.Gallery;
   }
 });
+Object.defineProperty(exports, "Gradient", {
+  enumerable: true,
+  get: function get() {
+    return _Gradient.Gradient;
+  }
+});
 Object.defineProperty(exports, "GridAvatar", {
   enumerable: true,
   get: function get() {
     return _GridAvatar.GridAvatar;
   }
 });
+Object.defineProperty(exports, "Group", {
+  enumerable: true,
+  get: function get() {
+    return _Group.Group;
+  }
+});
 Object.defineProperty(exports, "Headline", {
   enumerable: true,
   get: function get() {
@@ -237,6 +267,30 @@ Object.defineProperty(exports, "Input", {
     return _Input.Input;
   }
 });
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function get() {
+    return _Link.Link;
+  }
+});
+Object.defineProperty(exports, "MiniInfoCell", {
+  enumerable: true,
+  get: function get() {
+    return _MiniInfoCell.MiniInfoCell;
+  }
+});
+Object.defineProperty(exports, "ModalCard", {
+  enumerable: true,
+  get: function get() {
+    return _ModalCard.ModalCard;
+  }
+});
+Object.defineProperty(exports, "ModalCardBase", {
+  enumerable: true,
+  get: function get() {
+    return _ModalCardBase.ModalCardBase;
+  }
+});
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
   get: function get() {
@@ -255,6 +309,12 @@ Object.defineProperty(exports, "Paragraph", {
     return _Paragraph.Paragraph;
   }
 });
+Object.defineProperty(exports, "Placeholder", {
+  enumerable: true,
+  get: function get() {
+    return _Placeholder.Placeholder;
+  }
+});
 Object.defineProperty(exports, "PopoutWrapper", {
   enumerable: true,
   get: function get() {
@@ -291,12 +351,24 @@ Object.defineProperty(exports, "RangeSlider", {
     return _RangeSlider.RangeSlider;
   }
 });
+Object.defineProperty(exports, "RichCell", {
+  enumerable: true,
+  get: function get() {
+    return _RichCell.RichCell;
+  }
+});
 Object.defineProperty(exports, "Root", {
   enumerable: true,
   get: function get() {
     return _Root.Root;
   }
 });
+Object.defineProperty(exports, "ScreenSpinner", {
+  enumerable: true,
+  get: function get() {
+    return _ScreenSpinner.ScreenSpinner;
+  }
+});
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
   get: function get() {
@@ -309,6 +381,12 @@ Object.defineProperty(exports, "Select", {
     return _Select.Select;
   }
 });
+Object.defineProperty(exports, "Separator", {
+  enumerable: true,
+  get: function get() {
+    return _Separator.Separator;
+  }
+});
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
   get: function get() {
@@ -345,6 +423,12 @@ Object.defineProperty(exports, "Switch", {
     return _Switch.Switch;
   }
 });
+Object.defineProperty(exports, "Tabbar", {
+  enumerable: true,
+  get: function get() {
+    return _Tabbar.Tabbar;
+  }
+});
 Object.defineProperty(exports, "Tappable", {
   enumerable: true,
   get: function get() {
@@ -390,10 +474,18 @@ var _FormLayoutGroup = require("../components/FormLayoutGroup/FormLayoutGroup");
 var _Button = require("../components/Button/Button");
+var _MiniInfoCell = require("../components/MiniInfoCell/MiniInfoCell");
+var _Gradient = require("../components/Gradient/Gradient");
 var _Card = require("../components/Card/Card");
 var _CardScroll = require("../components/CardScroll/CardScroll");
+var _Group = require("../components/Group/Group");
+var _Cell = require("../components/Cell/Cell");
 var _GridAvatar = require("../components/GridAvatar/GridAvatar");
 var _HorizontalScroll = require("../components/HorizontalScroll/HorizontalScroll");
@@ -404,6 +496,12 @@ var _InitialsAvatar = require("../components/InitialsAvatar/InitialsAvatar");
 var _InfoRow = require("../components/InfoRow/InfoRow");
+var _ModalCardBase = require("../components/ModalCardBase/ModalCardBase");
+var _ModalCard = require("../components/ModalCard/ModalCard");
+var _Link = require("../components/Link/Link");
 var _ButtonGroup = require("../components/ButtonGroup/ButtonGroup");
 var _Switch = require("../components/Switch/Switch");
@@ -414,6 +512,8 @@ var _Radio = require("../components/Radio/Radio");
 var _RadioGroup = require("../components/RadioGroup/RadioGroup");
+var _RichCell = require("../components/RichCell/RichCell");
 var _SegmentedControl = require("../components/SegmentedControl/SegmentedControl");
 var _Tappable = require("../components/Tappable/Tappable");
@@ -426,6 +526,10 @@ var _Subhead = require("../components/Typography/Subhead/Subhead");
 var _CellButton = require("../components/CellButton/CellButton");
+var _ScreenSpinner = require("../components/ScreenSpinner/ScreenSpinner");
+var _Dropdown = require("../components/Dropdown/Dropdown");
 var _Pagination = require("../components/Pagination/Pagination");
 var _Calendar = require("../components/Calendar/Calendar");
@@ -448,10 +552,14 @@ var _Slider = require("../components/Slider/Slider");
 var _RangeSlider = require("../components/RangeSlider/RangeSlider");
+var _Placeholder = require("../components/Placeholder/Placeholder");
 var _Input = require("../components/Input/Input");
 var _File = require("../components/File/File");
+var _CardGrid = require("../components/CardGrid/CardGrid");
 var _FocusVisible = require("../components/FocusVisible/FocusVisible");
 var _FormField = require("../components/FormField/FormField");
@@ -476,6 +584,8 @@ var _Checkbox = require("../components/Checkbox/Checkbox");
 var _ChipsInput = require("../components/ChipsInput/ChipsInput");
+var _Separator = require("../components/Separator/Separator");
 var _ChipsSelect = require("../components/ChipsSelect/ChipsSelect");
 var _Spacing = require("../components/Spacing/Spacing");
@@ -507,4 +617,6 @@ var _Badge = require("../components/Badge/Badge");
 var _DateRangeInput = require("../components/DateRangeInput/DateRangeInput");
 var _Footer = require("../components/Footer/Footer");
+var _Tabbar = require("../components/Tabbar/Tabbar");
 //# sourceMappingURL=index.js.map

package/dist/cjs/tokenized/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/tokenized/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAOA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA","sourcesContent":["export { Avatar } from \"../components/Avatar/Avatar\";\nexport type { AvatarProps } from \"../components/Avatar/Avatar\";\n\nexport { FormItem } from \"../components/FormItem/FormItem\";\nexport type { FormItemProps } from \"../components/FormItem/FormItem\";\n\nexport { FormLayoutGroup } from \"../components/FormLayoutGroup/FormLayoutGroup\";\nexport type { FormLayoutGroupProps } from \"../components/FormLayoutGroup/FormLayoutGroup\";\n\nexport { Button } from \"../components/Button/Button\";\nexport type { ButtonProps } from \"../components/Button/Button\";\n\nexport { Card } from \"../components/Card/Card\";\nexport type { CardProps } from \"../components/Card/Card\";\n\nexport { CardScroll } from \"../components/CardScroll/CardScroll\";\nexport type { CardScrollProps } from \"../components/CardScroll/CardScroll\";\n\nexport { GridAvatar } from \"../components/GridAvatar/GridAvatar\";\nexport type { GridAvatarProps } from \"../components/GridAvatar/GridAvatar\";\n\nexport { HorizontalScroll } from \"../components/HorizontalScroll/HorizontalScroll\";\nexport type { HorizontalScrollProps } from \"../components/HorizontalScroll/HorizontalScroll\";\n\nexport { IconButton } from \"../components/IconButton/IconButton\";\nexport type { IconButtonProps } from \"../components/IconButton/IconButton\";\n\nexport { InitialsAvatar } from \"../components/InitialsAvatar/InitialsAvatar\";\nexport type { InitialsAvatarProps } from \"../components/InitialsAvatar/InitialsAvatar\";\n\nexport { InfoRow } from \"../components/InfoRow/InfoRow\";\nexport type { InfoRowProps } from \"../components/InfoRow/InfoRow\";\n\nexport { ButtonGroup } from \"../components/ButtonGroup/ButtonGroup\";\nexport type { ButtonGroupProps } from \"../components/ButtonGroup/ButtonGroup\";\n\nexport { Switch } from \"../components/Switch/Switch\";\nexport type { SwitchProps } from \"../components/Switch/Switch\";\n\nexport { Footnote } from \"../components/Typography/Footnote/Footnote\";\nexport type { FootnoteProps } from \"../components/Typography/Footnote/Footnote\";\n\nexport { Radio } from \"../components/Radio/Radio\";\nexport type { RadioProps } from \"../components/Radio/Radio\";\n\nexport { RadioGroup } from \"../components/RadioGroup/RadioGroup\";\nexport type { RadioGroupProps } from \"../components/RadioGroup/RadioGroup\";\n\nexport { SegmentedControl } from \"../components/SegmentedControl/SegmentedControl\";\nexport type {\n SegmentedControlProps,\n SegmentedControlOptionInterface,\n SegmentedControlValue,\n} from \"../components/SegmentedControl/SegmentedControl\";\n\nexport { Tappable } from \"../components/Tappable/Tappable\";\nexport type { TappableProps } from \"../components/Tappable/Tappable\";\n\nexport { Textarea } from \"../components/Textarea/Textarea\";\nexport type { TextareaProps } from \"../components/Textarea/Textarea\";\n\nexport { Title } from \"../components/Typography/Title/Title\";\nexport type { TitleProps } from \"../components/Typography/Title/Title\";\n\nexport { Subhead } from \"../components/Typography/Subhead/Subhead\";\nexport type { SubheadProps } from \"../components/Typography/Subhead/Subhead\";\n\nexport { CellButton } from \"../components/CellButton/CellButton\";\nexport type { CellButtonProps } from \"../components/CellButton/CellButton\";\n\nexport { Pagination } from \"../components/Pagination/Pagination\";\nexport type { PaginationProps } from \"../components/Pagination/Pagination\";\n\nexport { Calendar } from \"../components/Calendar/Calendar\";\nexport type { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport { CalendarRange } from \"../components/CalendarRange/CalendarRange\";\nexport type { CalendarRangeProps } from \"../components/CalendarRange/CalendarRange\";\n\nexport { Caption } from \"../components/Typography/Caption/Caption\";\nexport type { CaptionProps } from \"../components/Typography/Caption/Caption\";\n\nexport { PanelSpinner } from \"../components/PanelSpinner/PanelSpinner\";\nexport type { PanelSpinnerProps } from \"../components/PanelSpinner/PanelSpinner\";\n\nexport { Paragraph } from \"../components/Typography/Paragraph/Paragraph\";\nexport type { ParagraphProps } from \"../components/Typography/Paragraph/Paragraph\";\n\nexport { UsersStack } from \"../components/UsersStack/UsersStack\";\nexport type { UsersStackProps } from \"../components/UsersStack/UsersStack\";\n\nexport { Text } from \"../components/Typography/Text/Text\";\nexport type { TextProps } from \"../components/Typography/Text/Text\";\n\nexport { PullToRefresh } from \"../components/PullToRefresh/PullToRefresh\";\nexport type { PullToRefreshProps } from \"../components/PullToRefresh/PullToRefresh\";\n\nexport { Slider } from \"../components/Slider/Slider\";\nexport type { SliderProps } from \"../components/Slider/Slider\";\n\nexport { RangeSlider } from \"../components/RangeSlider/RangeSlider\";\nexport type { RangeSliderProps } from \"../components/RangeSlider/RangeSlider\";\n\nexport { Input } from \"../components/Input/Input\";\nexport type { InputProps } from \"../components/Input/Input\";\n\nexport { File } from \"../components/File/File\";\nexport type { FileProps } from \"../components/File/File\";\n\nexport { FocusVisible } from \"../components/FocusVisible/FocusVisible\";\nexport type { FocusVisibleProps } from \"../components/FocusVisible/FocusVisible\";\n\nexport { FormField } from \"../components/FormField/FormField\";\nexport type { FormFieldProps } from \"../components/FormField/FormField\";\n\nexport { Select } from \"../components/Select/Select\";\nexport type { SelectProps } from \"../components/Select/Select\";\n\nexport { View } from \"../components/View/View\";\nexport type { ViewProps } from \"../components/View/View\";\n\nexport { Spinner } from \"../components/Spinner/Spinner\";\nexport type { SpinnerProps } from \"../components/Spinner/Spinner\";\n\nexport { ContentCard } from \"../components/ContentCard/ContentCard\";\nexport type { ContentCardProps } from \"../components/ContentCard/ContentCard\";\n\nexport { CustomSelect } from \"../components/CustomSelect/CustomSelect\";\nexport type { CustomSelectProps } from \"../components/CustomSelect/CustomSelect\";\n\nexport { CustomSelectDropdown } from \"../components/CustomSelectDropdown/CustomSelectDropdown\";\nexport type { CustomSelectDropdownProps } from \"../components/CustomSelectDropdown/CustomSelectDropdown\";\n\nexport { CustomSelectOption } from \"../components/CustomSelectOption/CustomSelectOption\";\nexport type { CustomSelectOptionProps } from \"../components/CustomSelectOption/CustomSelectOption\";\n\nexport { Chip } from \"../components/Chip/Chip\";\nexport type { ChipProps } from \"../components/Chip/Chip\";\n\nexport { Checkbox } from \"../components/Checkbox/Checkbox\";\nexport type { CheckboxProps } from \"../components/Checkbox/Checkbox\";\n\nexport { ChipsInput } from \"../components/ChipsInput/ChipsInput\";\nexport type { ChipsInputProps } from \"../components/ChipsInput/ChipsInput\";\n\nexport { ChipsSelect } from \"../components/ChipsSelect/ChipsSelect\";\nexport type { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\n\nexport { Spacing } from \"../components/Spacing/Spacing\";\nexport type { SpacingProps } from \"../components/Spacing/Spacing\";\n\nexport { SplitCol } from \"../components/SplitCol/SplitCol\";\nexport type { SplitColProps } from \"../components/SplitCol/SplitCol\";\n\nexport { Root } from \"../components/Root/Root\";\nexport type { RootProps } from \"../components/Root/Root\";\n\nexport { Headline } from \"../components/Typography/Headline/Headline\";\nexport type { HeadlineProps } from \"../components/Typography/Headline/Headline\";\n\nexport { Div } from \"../components/Div/Div\";\nexport type { DivProps } from \"../components/Div/Div\";\n\nexport { Banner } from \"../components/Banner/Banner\";\nexport type { BannerProps } from \"../components/Banner/Banner\";\n\nexport { FixedLayout } from \"../components/FixedLayout/FixedLayout\";\nexport type { FixedLayoutProps } from \"../components/FixedLayout/FixedLayout\";\n\nexport { Counter } from \"../components/Counter/Counter\";\nexport type { CounterProps } from \"../components/Counter/Counter\";\n\nexport { Progress } from \"../components/Progress/Progress\";\nexport type { ProgressProps } from \"../components/Progress/Progress\";\n\nexport { Gallery } from \"../components/Gallery/Gallery\";\nexport type { GalleryProps } from \"../components/Gallery/Gallery\";\n\nexport { DateInput } from \"../components/DateInput/DateInput\";\nexport type { DateInputProps } from \"../components/DateInput/DateInput\";\n\nexport { PopoutWrapper } from \"../components/PopoutWrapper/PopoutWrapper\";\nexport type { PopoutWrapperProps } from \"../components/PopoutWrapper/PopoutWrapper\";\n\nexport { Badge } from \"../components/Badge/Badge\";\nexport type { BadgeProps } from \"../components/Badge/Badge\";\n\nexport { DateRangeInput } from \"../components/DateRangeInput/DateRangeInput\";\nexport type { DateRangeInputProps } from \"../components/DateRangeInput/DateRangeInput\";\n\nexport { Footer } from \"../components/Footer/Footer\";\nexport type { FooterProps } from \"../components/Footer/Footer\";\n"],"file":"index.js"}
1	+ {"version":3,"sources":["../../../src/tokenized/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAOA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA","sourcesContent":["export { Avatar } from \"../components/Avatar/Avatar\";\nexport type { AvatarProps } from \"../components/Avatar/Avatar\";\n\nexport { FormItem } from \"../components/FormItem/FormItem\";\nexport type { FormItemProps } from \"../components/FormItem/FormItem\";\n\nexport { FormLayoutGroup } from \"../components/FormLayoutGroup/FormLayoutGroup\";\nexport type { FormLayoutGroupProps } from \"../components/FormLayoutGroup/FormLayoutGroup\";\n\nexport { Button } from \"../components/Button/Button\";\nexport type { ButtonProps } from \"../components/Button/Button\";\n\nexport { MiniInfoCell } from \"../components/MiniInfoCell/MiniInfoCell\";\nexport type { MiniInfoCellProps } from \"../components/MiniInfoCell/MiniInfoCell\";\n\nexport { Gradient } from \"../components/Gradient/Gradient\";\nexport type { GradientProps } from \"../components/Gradient/Gradient\";\n\nexport { Card } from \"../components/Card/Card\";\nexport type { CardProps } from \"../components/Card/Card\";\n\nexport { CardScroll } from \"../components/CardScroll/CardScroll\";\nexport type { CardScrollProps } from \"../components/CardScroll/CardScroll\";\n\nexport { Group } from \"../components/Group/Group\";\nexport type { GroupProps } from \"../components/Group/Group\";\n\nexport { Cell } from \"../components/Cell/Cell\";\nexport type { CellProps } from \"../components/Cell/Cell\";\n\nexport { GridAvatar } from \"../components/GridAvatar/GridAvatar\";\nexport type { GridAvatarProps } from \"../components/GridAvatar/GridAvatar\";\n\nexport { HorizontalScroll } from \"../components/HorizontalScroll/HorizontalScroll\";\nexport type { HorizontalScrollProps } from \"../components/HorizontalScroll/HorizontalScroll\";\n\nexport { IconButton } from \"../components/IconButton/IconButton\";\nexport type { IconButtonProps } from \"../components/IconButton/IconButton\";\n\nexport { InitialsAvatar } from \"../components/InitialsAvatar/InitialsAvatar\";\nexport type { InitialsAvatarProps } from \"../components/InitialsAvatar/InitialsAvatar\";\n\nexport { InfoRow } from \"../components/InfoRow/InfoRow\";\nexport type { InfoRowProps } from \"../components/InfoRow/InfoRow\";\n\nexport { ModalCardBase } from \"../components/ModalCardBase/ModalCardBase\";\nexport type { ModalCardBaseProps } from \"../components/ModalCardBase/ModalCardBase\";\n\nexport { ModalCard } from \"../components/ModalCard/ModalCard\";\nexport type { ModalCardProps } from \"../components/ModalCard/ModalCard\";\n\nexport { Link } from \"../components/Link/Link\";\nexport type { LinkProps } from \"../components/Link/Link\";\n\nexport { ButtonGroup } from \"../components/ButtonGroup/ButtonGroup\";\nexport type { ButtonGroupProps } from \"../components/ButtonGroup/ButtonGroup\";\n\nexport { Switch } from \"../components/Switch/Switch\";\nexport type { SwitchProps } from \"../components/Switch/Switch\";\n\nexport { Footnote } from \"../components/Typography/Footnote/Footnote\";\nexport type { FootnoteProps } from \"../components/Typography/Footnote/Footnote\";\n\nexport { Radio } from \"../components/Radio/Radio\";\nexport type { RadioProps } from \"../components/Radio/Radio\";\n\nexport { RadioGroup } from \"../components/RadioGroup/RadioGroup\";\nexport type { RadioGroupProps } from \"../components/RadioGroup/RadioGroup\";\n\nexport { RichCell } from \"../components/RichCell/RichCell\";\nexport type { RichCellProps } from \"../components/RichCell/RichCell\";\n\nexport { SegmentedControl } from \"../components/SegmentedControl/SegmentedControl\";\nexport type {\n SegmentedControlProps,\n SegmentedControlOptionInterface,\n SegmentedControlValue,\n} from \"../components/SegmentedControl/SegmentedControl\";\n\nexport { Tappable } from \"../components/Tappable/Tappable\";\nexport type { TappableProps } from \"../components/Tappable/Tappable\";\n\nexport { Textarea } from \"../components/Textarea/Textarea\";\nexport type { TextareaProps } from \"../components/Textarea/Textarea\";\n\nexport { Title } from \"../components/Typography/Title/Title\";\nexport type { TitleProps } from \"../components/Typography/Title/Title\";\n\nexport { Subhead } from \"../components/Typography/Subhead/Subhead\";\nexport type { SubheadProps } from \"../components/Typography/Subhead/Subhead\";\n\nexport { CellButton } from \"../components/CellButton/CellButton\";\nexport type { CellButtonProps } from \"../components/CellButton/CellButton\";\n\nexport { ScreenSpinner } from \"../components/ScreenSpinner/ScreenSpinner\";\nexport type { ScreenSpinnerProps } from \"../components/ScreenSpinner/ScreenSpinner\";\n\nexport { Dropdown } from \"../components/Dropdown/Dropdown\";\nexport type { DropdownProps } from \"../components/Dropdown/Dropdown\";\n\nexport { Pagination } from \"../components/Pagination/Pagination\";\nexport type { PaginationProps } from \"../components/Pagination/Pagination\";\n\nexport { Calendar } from \"../components/Calendar/Calendar\";\nexport type { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport { CalendarRange } from \"../components/CalendarRange/CalendarRange\";\nexport type { CalendarRangeProps } from \"../components/CalendarRange/CalendarRange\";\n\nexport { Caption } from \"../components/Typography/Caption/Caption\";\nexport type { CaptionProps } from \"../components/Typography/Caption/Caption\";\n\nexport { PanelSpinner } from \"../components/PanelSpinner/PanelSpinner\";\nexport type { PanelSpinnerProps } from \"../components/PanelSpinner/PanelSpinner\";\n\nexport { Paragraph } from \"../components/Typography/Paragraph/Paragraph\";\nexport type { ParagraphProps } from \"../components/Typography/Paragraph/Paragraph\";\n\nexport { UsersStack } from \"../components/UsersStack/UsersStack\";\nexport type { UsersStackProps } from \"../components/UsersStack/UsersStack\";\n\nexport { Text } from \"../components/Typography/Text/Text\";\nexport type { TextProps } from \"../components/Typography/Text/Text\";\n\nexport { PullToRefresh } from \"../components/PullToRefresh/PullToRefresh\";\nexport type { PullToRefreshProps } from \"../components/PullToRefresh/PullToRefresh\";\n\nexport { Slider } from \"../components/Slider/Slider\";\nexport type { SliderProps } from \"../components/Slider/Slider\";\n\nexport { RangeSlider } from \"../components/RangeSlider/RangeSlider\";\nexport type { RangeSliderProps } from \"../components/RangeSlider/RangeSlider\";\n\nexport { Placeholder } from \"../components/Placeholder/Placeholder\";\nexport type { PlaceholderProps } from \"../components/Placeholder/Placeholder\";\n\nexport { Input } from \"../components/Input/Input\";\nexport type { InputProps } from \"../components/Input/Input\";\n\nexport { File } from \"../components/File/File\";\nexport type { FileProps } from \"../components/File/File\";\n\nexport { CardGrid } from \"../components/CardGrid/CardGrid\";\nexport type { CardGridProps } from \"../components/CardGrid/CardGrid\";\n\nexport { FocusVisible } from \"../components/FocusVisible/FocusVisible\";\nexport type { FocusVisibleProps } from \"../components/FocusVisible/FocusVisible\";\n\nexport { FormField } from \"../components/FormField/FormField\";\nexport type { FormFieldProps } from \"../components/FormField/FormField\";\n\nexport { Select } from \"../components/Select/Select\";\nexport type { SelectProps } from \"../components/Select/Select\";\n\nexport { View } from \"../components/View/View\";\nexport type { ViewProps } from \"../components/View/View\";\n\nexport { Spinner } from \"../components/Spinner/Spinner\";\nexport type { SpinnerProps } from \"../components/Spinner/Spinner\";\n\nexport { ContentCard } from \"../components/ContentCard/ContentCard\";\nexport type { ContentCardProps } from \"../components/ContentCard/ContentCard\";\n\nexport { CustomSelect } from \"../components/CustomSelect/CustomSelect\";\nexport type { CustomSelectProps } from \"../components/CustomSelect/CustomSelect\";\n\nexport { CustomSelectDropdown } from \"../components/CustomSelectDropdown/CustomSelectDropdown\";\nexport type { CustomSelectDropdownProps } from \"../components/CustomSelectDropdown/CustomSelectDropdown\";\n\nexport { CustomSelectOption } from \"../components/CustomSelectOption/CustomSelectOption\";\nexport type { CustomSelectOptionProps } from \"../components/CustomSelectOption/CustomSelectOption\";\n\nexport { Chip } from \"../components/Chip/Chip\";\nexport type { ChipProps } from \"../components/Chip/Chip\";\n\nexport { Checkbox } from \"../components/Checkbox/Checkbox\";\nexport type { CheckboxProps } from \"../components/Checkbox/Checkbox\";\n\nexport { ChipsInput } from \"../components/ChipsInput/ChipsInput\";\nexport type { ChipsInputProps } from \"../components/ChipsInput/ChipsInput\";\n\nexport { Separator } from \"../components/Separator/Separator\";\nexport type { SeparatorProps } from \"../components/Separator/Separator\";\n\nexport { ChipsSelect } from \"../components/ChipsSelect/ChipsSelect\";\nexport type { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\n\nexport { Spacing } from \"../components/Spacing/Spacing\";\nexport type { SpacingProps } from \"../components/Spacing/Spacing\";\n\nexport { SplitCol } from \"../components/SplitCol/SplitCol\";\nexport type { SplitColProps } from \"../components/SplitCol/SplitCol\";\n\nexport { Root } from \"../components/Root/Root\";\nexport type { RootProps } from \"../components/Root/Root\";\n\nexport { Headline } from \"../components/Typography/Headline/Headline\";\nexport type { HeadlineProps } from \"../components/Typography/Headline/Headline\";\n\nexport { Div } from \"../components/Div/Div\";\nexport type { DivProps } from \"../components/Div/Div\";\n\nexport { Banner } from \"../components/Banner/Banner\";\nexport type { BannerProps } from \"../components/Banner/Banner\";\n\nexport { FixedLayout } from \"../components/FixedLayout/FixedLayout\";\nexport type { FixedLayoutProps } from \"../components/FixedLayout/FixedLayout\";\n\nexport { Counter } from \"../components/Counter/Counter\";\nexport type { CounterProps } from \"../components/Counter/Counter\";\n\nexport { Progress } from \"../components/Progress/Progress\";\nexport type { ProgressProps } from \"../components/Progress/Progress\";\n\nexport { Gallery } from \"../components/Gallery/Gallery\";\nexport type { GalleryProps } from \"../components/Gallery/Gallery\";\n\nexport { DateInput } from \"../components/DateInput/DateInput\";\nexport type { DateInputProps } from \"../components/DateInput/DateInput\";\n\nexport { PopoutWrapper } from \"../components/PopoutWrapper/PopoutWrapper\";\nexport type { PopoutWrapperProps } from \"../components/PopoutWrapper/PopoutWrapper\";\n\nexport { Badge } from \"../components/Badge/Badge\";\nexport type { BadgeProps } from \"../components/Badge/Badge\";\n\nexport { DateRangeInput } from \"../components/DateRangeInput/DateRangeInput\";\nexport type { DateRangeInputProps } from \"../components/DateRangeInput/DateRangeInput\";\n\nexport { Footer } from \"../components/Footer/Footer\";\nexport type { FooterProps } from \"../components/Footer/Footer\";\n\nexport { Tabbar } from \"../components/Tabbar/Tabbar\";\nexport type { TabbarProps } from \"../components/Tabbar/Tabbar\";\n"],"file":"index.js"}

package/dist/components/ActionSheet/ActionSheet.d.ts CHANGED Viewed

@@ -26,4 +26,4 @@ export interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
  */
-export declare const ActionSheet: React.FC<ActionSheetProps>;
+export declare const ActionSheet: ({ children, className, header, text, style, iosCloseItem, popupDirection, ...restProps }: ActionSheetProps) => JSX.Element;

package/dist/components/ActionSheet/ActionSheet.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem"];
+var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem", "popupDirection"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper";
@@ -29,6 +29,8 @@ export 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 = _objectWithoutProperties(_ref, _excluded);
   var platform = usePlatform();
@@ -101,6 +103,7 @@ export var ActionSheet = function ActionSheet(_ref) {
     closing: closing,
     timeout: timeout
   }, restProps, {
+    popupDirection: popupDirection,
     onClose: onClose,
     className: isDesktop ? className : undefined,
     style: isDesktop ? style : undefined
@@ -127,7 +130,4 @@ export var ActionSheet = function ActionSheet(_ref) {
     fixed: true
   }, actionSheet);
 };
-ActionSheet.defaultProps = {
-  popupDirection: "bottom"
-};
 //# sourceMappingURL=ActionSheet.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":["React","PopoutWrapper","IOS","ActionSheetDropdownDesktop","ActionSheetDropdown","hasReactNode","noop","ActionSheetContext","Caption","usePlatform","useTimeout","useAdaptivityIsDesktop","useObjectMemo","warnOnce","useScrollLock","warn","ActionSheet","children","className","header","text","style","iosCloseItem","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","process","env","NODE_ENV","isDesktop","timeout","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","DropdownComponent","actionSheet","undefined"~~,"defaultProps","popupDirection"~~],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,GAAT;AACA,SAASC,0BAAT;AACA,SAASC,mBAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,SAASC,kBAAT;AACA,SAASC,OAAT;AACA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,sBAAT;AACA,SAASC,aAAT;AACA,SAASC,QAAT;AAEA,SAASC,aAAT;AA0BA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,aAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,~~WAAuC~~,GAAG,~~SAA1CA~~,~~WAA0C~~,~~OAQjD~~;AAAA,~~MAPJC~~,~~QAOI~~,~~QAPJA~~,~~QAOI~~;AAAA,~~MANJC~~,~~SAMI~~,~~QANJA~~,~~SAMI~~;AAAA,~~MALJC~~,~~MAKI~~,~~QALJA~~,~~MAKI~~;AAAA,~~MAJJC~~,~~IAII~~,~~QAJJA~~,~~IAII~~;AAAA,~~MAHJC~~,~~KAGI~~,~~QAHJA~~,~~KAGI~~;AAAA,~~MAFJC~~,~~YAEI~~,~~QAFJA~~,~~YAEI~~;AAAA,~~MADDC~~,~~SACC~~;;~~AACJ~~,MAAMC,QAAQ,~~GAAGf~~,WAAW,EAA5B;;AACA,wBAA8BT,KAAK,~~CAACyB~~,QAAN,CAAe,KAAf,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,WAAMD,UAAU,CAAC,IAAD,CAAhB;AAAA,GAAhB;;AACA,MAAME,OAAO,~~GAAG7B~~,KAAK,~~CAAC8B~~,MAAN,~~CAAaxB~~,IAAb,CAAhB;;AAEA,~~MAAMyB~~,UAAU,GAAG,SAAbA,UAAa,GAAM;AAAA;;AACvB,0BAAAR,SAAS,CAACK,OAAV,+EAAAL,SAAS;;AACTM,IAAAA,OAAO,CAACG,OAAR;;AACAH,IAAAA,OAAO,CAACG,OAAR,~~GAAkB1B~~,IAAlB;AACD,GAJD;;AAMA,~~MAAI2B~~,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0C,CAACZ,SAAS,CAACK,OAAzD,EAAkE;~~AAChEb~~,IAAAA,IAAI,4SAEF,OAFE,CAAJ;AAID;;AAED,~~MAAMqB~~,SAAS,~~GAAGzB~~,sBAAsB,EAAxC;AAEAG,EAAAA,aAAa,CAAC,~~CAACsB~~,SAAF,CAAb;AAEA,MAAIC,OAAO,GAAGb,QAAQ,~~KAAKtB~~,GAAb,GAAmB,GAAnB,GAAyB,GAAvC;;AAEA,~~MAAIkC~~,SAAJ,EAAe;AACbC,IAAAA,OAAO,GAAG,CAAV;AACD;;AAED,MAAMC,wBAAwB,~~GAAG5B~~,UAAU,~~CAACqB~~,UAAD,EAAaM,OAAb,CAA3C;~~AACArC~~,EAAAA,KAAK,~~CAACuC~~,SAAN,CAAgB,YAAM;AACpB,QAAIb,OAAJ,EAAa;AACXY,MAAAA,wBAAwB,CAACE,GAAzB;AACD,KAFD,MAEO;AACLF,MAAAA,wBAAwB,CAACG,KAAzB;AACD;AACF,GAND,EAMG,CAACf,OAAD,EAAUY,wBAAV,CANH;AAQA,MAAMI,WAAW,~~GAAG1C~~,KAAK,~~CAAC2C~~,WAAN,CAClB,UAACC,MAAD,EAASC,eAAT,EAA0BC,SAA1B;AAAA,WAAwC,UAACC,KAAD,EAAW;AACjDA,MAAAA,KAAK,CAACC,OAAN;AACAH,MAAAA,eAAe,IAAIA,eAAe,CAACE,KAAD,CAAlC;;AACA,UAAID,SAAJ,EAAe;AACbjB,QAAAA,OAAO,CAACG,OAAR,GAAkB;AAAA,iBAAMY,MAAM,IAAIA,MAAM,CAACG,KAAD,CAAtB;AAAA,SAAlB;;AACApB,QAAAA,UAAU,CAAC,IAAD,CAAV;AACD,OAHD,MAGO;AACLiB,QAAAA,MAAM,IAAIA,MAAM,CAACG,KAAD,CAAhB;AACD;AACF,KATD;AAAA,GADkB,EAWlB,EAXkB,CAApB;AAaA,MAAME,YAAY,~~GAAGrC~~,aAAa,CAAC;~~AAAE8B~~,IAAAA,WAAW,EAAXA,WAAF;AAAeN,IAAAA,SAAS,EAATA;AAAf,GAAD,CAAlC;AAEA,MAAMc,iBAAiB,GAAGd,SAAS,GAC/~~BjC~~,0BAD+B,GAE/BC,mBAFJ;AAIA,~~MAAM+C~~,WAAW,GACf,oBAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEF;AAApC,KACE,oBAAC,iBAAD;AACE,IAAA,OAAO,EAAEvB,OADX;AAEE,IAAA,OAAO,EAAEW;AAFX,KAGOd,SAHP;AAIE,IAAA,~~OAAO~~,~~EAAEK~~,~~OAJX~~;AAKE,IAAA,SAAS,EAAEQ,SAAS,~~GAAGlB~~,SAAH,~~GAAekC~~,~~SALrC~~;~~AAME~~,IAAA,KAAK,EAAEhB,SAAS,~~GAAGf~~,KAAH,~~GAAW+B~~;~~AAN7B~~,~~MAQG~~,~~CAAC/C~~,YAAY,CAACc,MAAD,CAAZ,IAAwBd,YAAY,CAACe,IAAD,CAArC,KACC;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACGf,YAAY,CAACc,MAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,MAAM,~~EAAEK~~,QAAQ,~~KAAKtB~~,GAAb,GAAmB,GAAnB,GAAyB,GADnC;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIGiB,MAJH,CAFJ,EASGd,YAAY,CAACe,IAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAwCA,IAAxC,CAVJ,~~CATJ~~,~~EAuBGH~~,~~QAvBH~~,~~EAwBGO~~,QAAQ,~~KAAKtB~~,GAAb,IAAoB,~~CAACkC~~,SAArB,~~IAAkCd~~,~~YAxBrC~~,CADF,CADF;;~~AA+BA~~,~~MAAIc~~,SAAJ,EAAe;AACb,WAAOe,WAAP;AACD;;AAED,SACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAEzB,OADX;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,~~EAAER~~,SAHb;AAIE,IAAA,KAAK,EAAEG,KAJT;AAKE,IAAA,OAAO,~~EAAEO~~,OALX;AAME,IAAA,OAAO,MANT;AAOE,IAAA,KAAK;AAPP,KASGuB,WATH,CADF;AAaD,~~CAjHM;AAmHPnC,WAAW,CAACqC,YAAZ,GAA2B;AACzBC,EAAAA,cAAc,EAAE;AADS,CAA3B~~","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"}
1	+ {"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":["React","PopoutWrapper","IOS","ActionSheetDropdownDesktop","ActionSheetDropdown","hasReactNode","noop","ActionSheetContext","Caption","usePlatform","useTimeout","useAdaptivityIsDesktop","useObjectMemo","warnOnce","useScrollLock","warn","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","process","env","NODE_ENV","isDesktop","timeout","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","DropdownComponent","actionSheet","undefined"],"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/components/ActionSheet/ActionSheetDropdown.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as React from "react";
+/// <reference types="react" />
 import { SharedDropdownProps } from "./types";
 import "./ActionSheet.css";
-export declare const ActionSheetDropdown: React.FC<SharedDropdownProps>;
+export declare const ActionSheetDropdown: ({ children, closing, toggleRef, popupDirection, ...restProps }: SharedDropdownProps) => JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"names":["getClassName","classNames","usePlatform","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","platform","baseClaseName"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,SAAT;;AAGA,IAAMC,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;AAAA,SAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEA,OAAO,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,GAAGV,WAAW,EAA5B;AACA,MAAMW,aAAa,GAAGb,YAAY,CAAC,aAAD,EAAgBY,QAAhB,CAAlC;AAEA,SACE,oBAAC,SAAD,eACMD,SADN;AAEE,IAAA,OAAO,EAAEP,eAFX,CAGE;AAHF;AAIE,IAAA,SAAS,EAAEH,UAAU,CAACY,aAAD,EAAgB;AACnC,8BAAwBL;AADW,KAAhB;AAJvB,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"}
1	+ {"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"names":["getClassName","classNames","usePlatform","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","platform","baseClaseName"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,SAAT;;AAGA,IAAMC,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;AAAA,SAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEA,OAAO,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,GAAGV,WAAW,EAA5B;AACA,MAAMW,aAAa,GAAGb,YAAY,CAAC,aAAD,EAAgBY,QAAhB,CAAlC;AAEA,SACE,oBAAC,SAAD,eACMD,SADN;AAEE,IAAA,OAAO,EAAEP,eAFX,CAGE;AAHF;AAIE,IAAA,SAAS,EAAEH,UAAU,CAACY,aAAD,EAAgB;AACnC,8BAAwBL;AADW,KAAhB;AAJvB,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/components/ActionSheet/ActionSheetDropdownDesktop.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as React from "react";
+/// <reference types="react" />
 import { SharedDropdownProps } from "./types";
 import "./ActionSheet.css";
-export declare const ActionSheetDropdownDesktop: React.FC<SharedDropdownProps>;
+export declare const ActionSheetDropdownDesktop: ({ children, toggleRef, closing, popupDirection, onClose, className, style, ...restProps }: SharedDropdownProps) => JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"names":["React","getClassName","classNames","useDOM","usePlatform","useEffectDev","useAdaptivity","isRefObject","warnOnce","useEventListener","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","refObject"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,MAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,aAAT;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,gBAAT;AAEA,SAASC,SAAT;AACA,SAASC,MAAT;AAGA,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,aAAD,CAArB;;AACA,SAASK,KAAT,CACEC,GADF,EAE8B;AAC5B,SAAOA,GAAG,IAAI,aAAaA,GAApB,GAA0BA,GAAG,CAACC,OAA9B,GAAwCD,GAA/C;AACD;;AAED,OAAO,IAAME,~~0BAAyD~~,GAAG,~~SAA5DA~~,~~0BAA4D~~,~~OASnE~~;AAAA,~~MARJC~~,~~QAQI~~,~~QARJA~~,~~QAQI~~;AAAA,~~MAPJC~~,~~SAOI~~,~~QAPJA~~,~~SAOI~~;AAAA,~~MANJC~~,~~OAMI~~,~~QANJA~~,~~OAMI~~;AAAA,~~MALJC~~,~~cAKI~~,~~QALJA~~,~~cAKI~~;AAAA,~~MAJJC~~,~~OAII~~,~~QAJJA~~,~~OAII~~;AAAA,~~MAHJC~~,~~SAGI~~,~~QAHJA~~,~~SAGI~~;AAAA,~~MAFJC~~,~~KAEI~~,~~QAFJA~~,~~KAEI~~;AAAA,~~MADDC~~,~~SACC~~;;~~AACJ~~,gBAAqBrB,MAAM,EAA3B;AAAA,MAAQsB,QAAR,WAAQA,QAAR;;AACA,MAAMC,QAAQ,GAAGtB,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQqB,KAAR,kBAAQA,KAAR;;AACA,MAAMC,UAAU,GAAG5B,KAAK,CAAC6B,MAAN,CAAoC,IAApC,CAAnB;AAEAxB,EAAAA,YAAY,CAAC,YAAM;AACjB,QAAMyB,QAAQ,GAAGjB,KAAK,CAACK,SAAD,CAAtB;;AACA,QAAI,CAACY,QAAL,EAAe;AACblB,MAAAA,IAAI,iIAAqC,OAArC,CAAJ;AACD;AACF,GALW,EAKT,CAACM,SAAD,CALS,CAAZ;AAOA,MAAMa,mBAAmB,GAAG/B,KAAK,CAACgC,OAAN,CAC1B;AAAA,WACEZ,cAAc,KAAK,KAAnB,IACC,OAAOA,cAAP,KAA0B,UAA1B,IACCA,cAAc,CAACQ,UAAD,CAAd,KAA+B,KAHnC;AAAA,GAD0B,EAK1B,CAACR,cAAD,EAAiBQ,UAAjB,CAL0B,CAA5B;AAQA,MAAMK,iBAAiB,GAAGxB,gBAAgB,CAAC,OAAD,EAAU,UAACyB,CAAD,EAAmB;AACrE,QAAMC,eAAe,GAAGP,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEb,OAApC;;AACA,QAAIoB,eAAe,IAAI,CAACA,eAAe,CAACC,QAAhB,CAAyBF,CAAC,CAACG,MAA3B,CAAxB,EAAoE;AAClEhB,MAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;AACR;AACF,GALyC,CAA1C;AAOArB,EAAAA,KAAK,CAACsC,SAAN,CAAgB,YAAM;AACpBC,IAAAA,UAAU,CAAC,YAAM;AACfN,MAAAA,iBAAiB,CAACO,GAAlB,CAAsBf,QAAQ,CAAEgB,IAAhC;AACD,KAFS,CAAV;AAGD,GAJD,EAIG,CAACR,iBAAD,EAAoBR,QAApB,CAJH;AAMA,MAAMiB,OAAO,GAAG1C,KAAK,CAAC2C,WAAN,~~CAAkB~~,UAACT,CAAD;AAAA,~~WAAOA~~,CAAC,CAACU,eAAF,~~EAAP~~;AAAA,~~GAAlB~~,~~EAA8C~~,~~EAA9C~~,CAAhB;~~AAEA~~,MAAMC,SAAS,GAAG7C,KAAK,CAACgC,OAAN,CAAc,YAAM;AACpC,QAAIzB,WAAW,CAAgDW,SAAhD,CAAf,EAA2E;AACzE,aAAOA,SAAP;AACD;;AACD,QAAM4B,SAAS,GAAG;AAAE/B,MAAAA,OAAO,EAAEG;AAAX,KAAlB;AAEA,WAAO4B,SAAP;AACD,GAPiB,EAOf,CAAC5B,SAAD,CAPe,CAAlB;AASA,SACE,oBAAC,MAAD;AACE,IAAA,SAAS,EAAE2B,SADb;AAEE,IAAA,cAAc,EAAE,CAFlB;AAGE,IAAA,SAAS,EAAEd,mBAAmB,GAAG,SAAH,GAAe,YAH/C;AAIE,IAAA,SAAS,EAAE7B,UAAU,CACnBD,YAAY,CAAC,aAAD,EAAgByB,QAAhB,CADO,EAEnB,sBAFmB,+BAGGC,KAHH,EAJvB;AASE,IAAA,SAAS,EAAEL,SATb;AAUE,IAAA,KAAK,EAAEC,KAVT;AAWE,IAAA,MAAM,EAAEK,UAXV;AAYE,IAAA,WAAW,EAAE;AAZf,KAcE,oBAAC,SAAD;AAAW,IAAA,OAAO,EAAEP;AAApB,KAAiCG,SAAjC;AAA4C,IAAA,OAAO,EAAEkB;AAArD,MACGzB,QADH,CAdF,CADF;AAoBD,~~CA1EM~~","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"}
1	+ {"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"names":["React","getClassName","classNames","useDOM","usePlatform","useEffectDev","useAdaptivity","isRefObject","warnOnce","useEventListener","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","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/components/ActionSheetItem/ActionSheetItem.d.ts CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":["React","classNames","getClassName","Tappable","usePlatform","hasReactNode","noop","Subhead","Title","Text","ANDROID","VKCOM","Icon16Done","Icon24Done","ActionSheetContext","Caption","Headline","withAdaptivity","SizeType","ActionSheetItemComponent","children","autoclose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","sizeY","onImmediateClick","restProps","platform","useContext","onItemClick","isDesktop","Component","href","isCompact","Boolean","COMPACT","undefined","disabled","ActionSheetItem"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,QAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,SAASC,OAAT;AACA,SAASC,KAAT;AACA,SAASC,IAAT;AACA,SAASC,OAAT,EAAkBC,KAAlB;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,kBAAvC;AACA,SACEC,kBADF;AAIA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SACEC,cADF,EAGEC,QAHF;;AA+BA,IAAMC,wBAAwD,GAAG,SAA3DA,wBAA2D,OAiBrC;AAAA,MAhB1BC,QAgB0B,QAhB1BA,QAgB0B;AAAA,MAf1BC,SAe0B,QAf1BA,SAe0B;AAAA,uBAd1BC,IAc0B;AAAA,MAd1BA,IAc0B,0BAdnB,SAcmB;AAAA,MAb1BC,IAa0B,QAb1BA,IAa0B;AAAA,MAZ1BC,QAY0B,QAZ1BA,QAY0B;AAAA,MAX1BC,MAW0B,QAX1BA,MAW0B;AAAA,MAV1BC,UAU0B,QAV1BA,UAU0B;AAAA,MAT1BC,KAS0B,QAT1BA,KAS0B;AAAA,MAR1BC,IAQ0B,QAR1BA,IAQ0B;AAAA,MAP1BC,OAO0B,QAP1BA,OAO0B;AAAA,MAN1BC,cAM0B,QAN1BA,cAM0B;AAAA,MAL1BC,QAK0B,QAL1BA,QAK0B;AAAA,MAJ1BC,OAI0B,QAJ1BA,OAI0B;AAAA,MAH1BC,KAG0B,QAH1BA,KAG0B;AAAA,MAF1BC,gBAE0B,QAF1BA,gBAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGhC,WAAW,EAA5B;;AACA,0BACEJ,KAAK,CAACqC,UAAN,CAAsDvB,kBAAtD,CADF;AAAA,gDAAQwB,WAAR;AAAA,MAAQA,WAAR,sCAAsB;AAAA,WAAMhC,IAAN;AAAA,GAAtB;AAAA,MAAkCiC,SAAlC,qBAAkCA,SAAlC;;AAGA,MAAIC,SAA4B,GAAGL,SAAS,CAACM,IAAV,GAAiB,GAAjB,GAAuB,KAA1D;;AAEA,MAAIf,UAAJ,EAAgB;AACdc,IAAAA,SAAS,GAAG,OAAZ;AACD;;AAED,MAAME,SAAS,GAAGrC,YAAY,CAACmB,QAAD,CAAZ,IAA0BnB,YAAY,CAACkB,IAAD,CAAtC,IAAgDG,UAAlE;AAEA,SACE,oBAAC,QAAD,eACMS,SADN;AAEE,IAAA,OAAO,EACLT,UAAU,GACNM,OADM,GAENM,WAAW,CAACN,OAAD,EAAUE,gBAAV,EAA4BS,OAAO,CAACtB,SAAD,CAAnC,CALnB;AAOE,IAAA,UAAU,EAAC,yBAPb,CAQE;AARF;AASE,IAAA,SAAS,EAAEpB,UAAU,CACnBC,YAAY,CAAC,iBAAD,EAAoBkC,QAApB,CADO,6BAECd,IAFD,oCAGOW,KAHP,GAInB;AACE,kCAA4BS,SAD9B;AAEE,kCAA4BH,SAF9B;AAGE,uCAAiClC,YAAY,CAACmB,QAAD;AAH/C,KAJmB,CATvB;AAmBE,IAAA,SAAS,EAAEgB;AAnBb,MAqBGnC,YAAY,CAACoB,MAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA0CA,MAA1C,CAtBJ,EAwBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGQ,KAAK,KAAKf,QAAQ,CAAC0B,OAAnB,GACC,oBAAC,KAAD,CAAO,QAAP,QACE,oBAAC,IAAD;AACE,IAAA,MAAM,EAAEtB,IAAI,KAAK,QAAT,GAAoB,GAApB,GAA0BuB,SADpC;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIGzB,QAJH,CADF,EAOGf,YAAY,CAACkB,IAAD,CAAZ,IACC,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAyCA,IAAzC,CARJ,CADD,GAaC,oBAAC,KAAD,CAAO,QAAP,QACGa,QAAQ,KAAK1B,OAAb,GACC,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAEY,IAAI,KAAK,QAAT,GAAoB,GAApB,GAA0B;AAA5C,KACGF,QADH,CADD,GAKC,oBAAC,KAAD;AACE,IAAA,MAAM,EAAEE,IAAI,KAAK,QAAT,GAAoB,GAApB,GAA0B,GADpC;AAEE,IAAA,KAAK,EAAEoB,SAAS,IAAIrC,YAAY,CAACoB,MAAD,CAAzB,GAAoC,GAApC,GAA0C,GAFnD;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGL,QALH,CANJ,EAcGf,YAAY,CAACkB,IAAD,CAAZ,KACEa,QAAQ,KAAK1B,OAAb,GACC,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAEY,IAAI,KAAK,QAAT,GAAoB,GAApB,GAA0B;AAA5C,KACGF,QADH,CADD,GAKC,oBAAC,KAAD;AACE,IAAA,MAAM,EAAC,GADT;AAEE,IAAA,KAAK,EAAEsB,SAAS,IAAIrC,YAAY,CAACoB,MAAD,CAAzB,GAAoC,GAApC,GAA0C,GAFnD;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGF,IALH,CANH,CAdH,CAdJ,CADF,EA8CGlB,YAAY,CAACmB,QAAD,CAAZ,KACES,KAAK,KAAKf,QAAQ,CAAC0B,OAAnB,GACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAgDpB,QAAhD,CADD,GAGC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAgDA,QAAhD,CAJH,CA9CH,CAxBF,EA6EGE,UAAU,IACT;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,SAAS,EAAC,wBAFZ;AAGE,IAAA,IAAI,EAAEE,IAHR;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,QAAQ,EAAEI,QALZ;AAME,IAAA,OAAO,EAAEO,WAAW,CAAChC,IAAD,EAAOA,IAAP,EAAaqC,OAAO,CAACtB,SAAD,CAApB,CANtB;AAOE,IAAA,cAAc,EAAES,cAPlB;AAQE,IAAA,OAAO,EAAED,OARX;AASE,IAAA,QAAQ,EAAEM,SAAS,CAACW;AATtB,IADF,EAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGV,QAAQ,KAAKzB,KAAb,GAAqB,oBAAC,UAAD,OAArB,GAAsC,oBAAC,UAAD,OADzC,CAZF,CA9EJ,CADF;AAkGD,CAhID;AAkIA;AACA;AACA;;;AACA,OAAO,IAAMoC,eAAe,GAAG9B,cAAc,CAACE,wBAAD,EAA2B;AACtEc,EAAAA,KAAK,EAAE;AAD+D,CAA3B,CAAtC","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"}
1	+ {"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":["React","classNames","getClassName","Tappable","usePlatform","hasReactNode","noop","Subhead","Title","Text","ANDROID","VKCOM","Icon16Done","Icon24Done","ActionSheetContext","Caption","Headline","withAdaptivity","SizeType","ActionSheetItemComponent","children","autoclose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","sizeY","onImmediateClick","restProps","platform","useContext","onItemClick","isDesktop","Component","href","isCompact","Boolean","COMPACT","undefined","disabled","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/components/AdaptivityProvider/AdaptivityProvider.d.ts CHANGED Viewed

@@ -9,5 +9,7 @@ export declare const MEDIUM_HEIGHT = 720;
 /**
  * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
  */
-declare const AdaptivityProvider: React.FC<AdaptivityProps>;
+declare const AdaptivityProvider: (props: AdaptivityProps & {
+    children?: React.ReactNode;
+}) => JSX.Element;
 export { AdaptivityProvider };