@vkontakte/vkui 4.40.0 → 4.42.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 (61) hide show
  1. package/.cache/.eslintcache +1 -1
  2. package/.cache/.stylelintcache +1 -1
  3. package/.cache/.tsbuildinfo +12 -10
  4. package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +4 -3
  5. package/dist/cjs/components/Checkbox/Checkbox.d.ts +4 -3
  6. package/dist/cjs/components/Checkbox/Checkbox.js +12 -2
  7. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  8. package/dist/cjs/components/ChipsSelect/ChipsSelect.js +2 -2
  9. package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
  10. package/dist/cjs/components/CustomScrollView/CustomScrollView.js +3 -1
  11. package/dist/cjs/components/CustomScrollView/CustomScrollView.js.map +1 -1
  12. package/dist/cjs/components/CustomSelect/CustomSelect.js +1 -0
  13. package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
  14. package/dist/cjs/components/Search/Search.js +4 -3
  15. package/dist/cjs/components/Search/Search.js.map +1 -1
  16. package/dist/components/Checkbox/Checkbox.d.ts +4 -3
  17. package/dist/components/Checkbox/Checkbox.js +12 -2
  18. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  19. package/dist/components/ChipsSelect/ChipsSelect.js +2 -2
  20. package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
  21. package/dist/components/CustomScrollView/CustomScrollView.js +3 -1
  22. package/dist/components/CustomScrollView/CustomScrollView.js.map +1 -1
  23. package/dist/components/CustomSelect/CustomSelect.js +1 -0
  24. package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
  25. package/dist/components/Search/Search.js +4 -3
  26. package/dist/components/Search/Search.js.map +1 -1
  27. package/dist/components.css +5 -5
  28. package/dist/components.css.map +1 -1
  29. package/dist/cssm/components/Checkbox/Checkbox.d.ts +4 -3
  30. package/dist/cssm/components/Checkbox/Checkbox.js +12 -2
  31. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  32. package/dist/cssm/components/ChipsSelect/ChipsSelect.js +2 -2
  33. package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
  34. package/dist/cssm/components/CustomScrollView/CustomScrollView.js +3 -1
  35. package/dist/cssm/components/CustomScrollView/CustomScrollView.js.map +1 -1
  36. package/dist/cssm/components/CustomSelect/CustomSelect.js +1 -0
  37. package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
  38. package/dist/cssm/components/PopoutRoot/PopoutRoot.css +1 -1
  39. package/dist/cssm/components/Popper/Popper.css +1 -1
  40. package/dist/cssm/components/Root/Root.css +1 -1
  41. package/dist/cssm/components/Search/Search.js +4 -3
  42. package/dist/cssm/components/Search/Search.js.map +1 -1
  43. package/dist/cssm/components/Snackbar/Snackbar.css +1 -1
  44. package/dist/cssm/components/SplitLayout/SplitLayout.css +1 -1
  45. package/dist/cssm/components/View/View.css +1 -1
  46. package/dist/cssm/styles/components.css +5 -5
  47. package/dist/cssm/styles/themes.css +1 -1
  48. package/dist/vkui.css +6 -6
  49. package/dist/vkui.css.map +1 -1
  50. package/package.json +2 -2
  51. package/src/components/Checkbox/Checkbox.tsx +20 -2
  52. package/src/components/ChipsSelect/ChipsSelect.tsx +46 -43
  53. package/src/components/CustomScrollView/CustomScrollView.tsx +6 -1
  54. package/src/components/CustomSelect/CustomSelect.tsx +1 -0
  55. package/src/components/PopoutRoot/PopoutRoot.css +3 -3
  56. package/src/components/Popper/Popper.css +1 -1
  57. package/src/components/Root/Root.css +2 -2
  58. package/src/components/Search/Search.tsx +9 -3
  59. package/src/components/Snackbar/Snackbar.css +1 -1
  60. package/src/components/SplitLayout/SplitLayout.css +2 -2
  61. package/src/components/View/View.css +2 -2
@@ -1 +1 @@
1
- [{"/home/runner/work/VKUI/VKUI/src/fonts/fonts.css":"1","/home/runner/work/VKUI/VKUI/src/styles/bright_light.css":"2","/home/runner/work/VKUI/VKUI/src/styles/animations.css":"3","/home/runner/work/VKUI/VKUI/src/styles/common.css":"4","/home/runner/work/VKUI/VKUI/src/styles/components.css":"5","/home/runner/work/VKUI/VKUI/src/styles/constants.css":"6","/home/runner/work/VKUI/VKUI/src/styles/space_gray.css":"7","/home/runner/work/VKUI/VKUI/src/styles/themes.css":"8","/home/runner/work/VKUI/VKUI/src/styles/unstable.css":"9","/home/runner/work/VKUI/VKUI/src/styles/vkcom_dark.css":"10","/home/runner/work/VKUI/VKUI/src/styles/vkcom_light.css":"11","/home/runner/work/VKUI/VKUI/src/components/ActionSheet/ActionSheet.css":"12","/home/runner/work/VKUI/VKUI/src/components/ActionSheetItem/ActionSheetItem.css":"13","/home/runner/work/VKUI/VKUI/src/components/Alert/Alert.css":"14","/home/runner/work/VKUI/VKUI/src/components/AppRoot/AppRoot.css":"15","/home/runner/work/VKUI/VKUI/src/components/Avatar/Avatar.css":"16","/home/runner/work/VKUI/VKUI/src/components/Badge/Badge.css":"17","/home/runner/work/VKUI/VKUI/src/components/Banner/Banner.css":"18","/home/runner/work/VKUI/VKUI/src/components/BaseGallery/BaseGallery.css":"19","/home/runner/work/VKUI/VKUI/src/components/Button/Button.css":"20","/home/runner/work/VKUI/VKUI/src/components/ButtonGroup/ButtonGroup.css":"21","/home/runner/work/VKUI/VKUI/src/components/Calendar/Calendar.css":"22","/home/runner/work/VKUI/VKUI/src/components/CalendarDay/CalendarDay.css":"23","/home/runner/work/VKUI/VKUI/src/components/CalendarDays/CalendarDays.css":"24","/home/runner/work/VKUI/VKUI/src/components/CalendarHeader/CalendarHeader.css":"25","/home/runner/work/VKUI/VKUI/src/components/CalendarRange/CalendarRange.css":"26","/home/runner/work/VKUI/VKUI/src/components/CalendarTime/CalendarTime.css":"27","/home/runner/work/VKUI/VKUI/src/components/Card/Card.css":"28","/home/runner/work/VKUI/VKUI/src/components/CardGrid/CardGrid.css":"29","/home/runner/work/VKUI/VKUI/src/components/CardScroll/CardScroll.css":"30","/home/runner/work/VKUI/VKUI/src/components/Cell/Cell.css":"31","/home/runner/work/VKUI/VKUI/src/components/CellButton/CellButton.css":"32","/home/runner/work/VKUI/VKUI/src/components/Checkbox/Checkbox.css":"33","/home/runner/work/VKUI/VKUI/src/components/Chip/Chip.css":"34","/home/runner/work/VKUI/VKUI/src/components/ChipsInput/ChipsInput.css":"35","/home/runner/work/VKUI/VKUI/src/components/ChipsInputBase/ChipsInputBase.css":"36","/home/runner/work/VKUI/VKUI/src/components/ChipsSelect/ChipsSelect.css":"37","/home/runner/work/VKUI/VKUI/src/components/ContentCard/ContentCard.css":"38","/home/runner/work/VKUI/VKUI/src/components/Counter/Counter.css":"39","/home/runner/work/VKUI/VKUI/src/components/CustomScrollView/CustomScrollView.css":"40","/home/runner/work/VKUI/VKUI/src/components/CustomSelect/CustomSelect.css":"41","/home/runner/work/VKUI/VKUI/src/components/CustomSelectDropdown/CustomSelectDropdown.css":"42","/home/runner/work/VKUI/VKUI/src/components/CustomSelectOption/CustomSelectOption.css":"43","/home/runner/work/VKUI/VKUI/src/components/DateInput/DateInput.css":"44","/home/runner/work/VKUI/VKUI/src/components/DatePicker/DatePicker.css":"45","/home/runner/work/VKUI/VKUI/src/components/DateRangeInput/DateRangeInput.css":"46","/home/runner/work/VKUI/VKUI/src/components/Div/Div.css":"47","/home/runner/work/VKUI/VKUI/src/components/Dropdown/Dropdown.css":"48","/home/runner/work/VKUI/VKUI/src/components/Epic/Epic.css":"49","/home/runner/work/VKUI/VKUI/src/components/FixedLayout/FixedLayout.css":"50","/home/runner/work/VKUI/VKUI/src/components/FocusVisible/FocusVisible.css":"51","/home/runner/work/VKUI/VKUI/src/components/Footer/Footer.css":"52","/home/runner/work/VKUI/VKUI/src/components/FormField/FormField.css":"53","/home/runner/work/VKUI/VKUI/src/components/FormItem/FormItem.css":"54","/home/runner/work/VKUI/VKUI/src/components/FormLayout/FormLayout.css":"55","/home/runner/work/VKUI/VKUI/src/components/FormLayoutGroup/FormLayoutGroup.css":"56","/home/runner/work/VKUI/VKUI/src/components/FormStatus/FormStatus.css":"57","/home/runner/work/VKUI/VKUI/src/components/Gradient/Gradient.css":"58","/home/runner/work/VKUI/VKUI/src/components/GridAvatar/GridAvatar.css":"59","/home/runner/work/VKUI/VKUI/src/components/Group/Group.css":"60","/home/runner/work/VKUI/VKUI/src/components/Header/Header.css":"61","/home/runner/work/VKUI/VKUI/src/components/HorizontalCell/HorizontalCell.css":"62","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScroll.css":"63","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScrollArrow.css":"64","/home/runner/work/VKUI/VKUI/src/components/IconButton/IconButton.css":"65","/home/runner/work/VKUI/VKUI/src/components/InfoRow/InfoRow.css":"66","/home/runner/work/VKUI/VKUI/src/components/InitialsAvatar/InitialsAvatar.css":"67","/home/runner/work/VKUI/VKUI/src/components/Input/Input.css":"68","/home/runner/work/VKUI/VKUI/src/components/InputLike/InputLike.css":"69","/home/runner/work/VKUI/VKUI/src/components/InputLike/InputLikeDivider.css":"70","/home/runner/work/VKUI/VKUI/src/components/Link/Link.css":"71","/home/runner/work/VKUI/VKUI/src/components/List/List.css":"72","/home/runner/work/VKUI/VKUI/src/components/MiniInfoCell/MiniInfoCell.css":"73","/home/runner/work/VKUI/VKUI/src/components/ModalCard/ModalCard.css":"74","/home/runner/work/VKUI/VKUI/src/components/ModalCardBase/ModalCardBase.css":"75","/home/runner/work/VKUI/VKUI/src/components/ModalDismissButton/ModalDismissButton.css":"76","/home/runner/work/VKUI/VKUI/src/components/ModalPage/ModalPage.css":"77","/home/runner/work/VKUI/VKUI/src/components/ModalPageHeader/ModalPageHeader.css":"78","/home/runner/work/VKUI/VKUI/src/components/ModalRoot/ModalRoot.css":"79","/home/runner/work/VKUI/VKUI/src/components/Pagination/Pagination.css":"80","/home/runner/work/VKUI/VKUI/src/components/Panel/Panel.css":"81","/home/runner/work/VKUI/VKUI/src/components/PanelHeader/PanelHeader.css":"82","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderBack/PanelHeaderBack.css":"83","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderButton/PanelHeaderButton.css":"84","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContent/PanelHeaderContent.css":"85","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContext/PanelHeaderContext.css":"86","/home/runner/work/VKUI/VKUI/src/components/Placeholder/Placeholder.css":"87","/home/runner/work/VKUI/VKUI/src/components/PopoutRoot/PopoutRoot.css":"88","/home/runner/work/VKUI/VKUI/src/components/PopoutWrapper/PopoutWrapper.css":"89","/home/runner/work/VKUI/VKUI/src/components/Popper/Popper.css":"90","/home/runner/work/VKUI/VKUI/src/components/PopperArrow/PopperArrow.css":"91","/home/runner/work/VKUI/VKUI/src/components/Progress/Progress.css":"92","/home/runner/work/VKUI/VKUI/src/components/PromoBanner/PromoBanner.css":"93","/home/runner/work/VKUI/VKUI/src/components/PullToRefresh/PullToRefresh.css":"94","/home/runner/work/VKUI/VKUI/src/components/Radio/Radio.css":"95","/home/runner/work/VKUI/VKUI/src/components/RadioGroup/RadioGroup.css":"96","/home/runner/work/VKUI/VKUI/src/components/Removable/Removable.css":"97","/home/runner/work/VKUI/VKUI/src/components/RichCell/RichCell.css":"98","/home/runner/work/VKUI/VKUI/src/components/RichTooltip/RichTooltip.css":"99","/home/runner/work/VKUI/VKUI/src/components/Root/Root.css":"100","/home/runner/work/VKUI/VKUI/src/components/ScreenSpinner/ScreenSpinner.css":"101","/home/runner/work/VKUI/VKUI/src/components/Search/Search.css":"102","/home/runner/work/VKUI/VKUI/src/components/SegmentedControl/SegmentedControl.css":"103","/home/runner/work/VKUI/VKUI/src/components/Select/Select.css":"104","/home/runner/work/VKUI/VKUI/src/components/Separator/Separator.css":"105","/home/runner/work/VKUI/VKUI/src/components/SimpleCell/SimpleCell.css":"106","/home/runner/work/VKUI/VKUI/src/components/SimpleCheckbox/SimpleCheckbox.css":"107","/home/runner/work/VKUI/VKUI/src/components/Slider/Slider.css":"108","/home/runner/work/VKUI/VKUI/src/components/SliderSwitch/SliderSwitch.css":"109","/home/runner/work/VKUI/VKUI/src/components/Snackbar/Snackbar.css":"110","/home/runner/work/VKUI/VKUI/src/components/Spacing/Spacing.css":"111","/home/runner/work/VKUI/VKUI/src/components/Spinner/Spinner.css":"112","/home/runner/work/VKUI/VKUI/src/components/SplitCol/SplitCol.css":"113","/home/runner/work/VKUI/VKUI/src/components/SplitLayout/SplitLayout.css":"114","/home/runner/work/VKUI/VKUI/src/components/SubnavigationBar/SubnavigationBar.css":"115","/home/runner/work/VKUI/VKUI/src/components/SubnavigationButton/SubnavigationButton.css":"116","/home/runner/work/VKUI/VKUI/src/components/Switch/Switch.css":"117","/home/runner/work/VKUI/VKUI/src/components/Tabbar/Tabbar.css":"118","/home/runner/work/VKUI/VKUI/src/components/TabbarItem/TabbarItem.css":"119","/home/runner/work/VKUI/VKUI/src/components/Tabs/Tabs.css":"120","/home/runner/work/VKUI/VKUI/src/components/Textarea/Textarea.css":"121","/home/runner/work/VKUI/VKUI/src/components/Tooltip/Tooltip.css":"122","/home/runner/work/VKUI/VKUI/src/components/UsersStack/UsersStack.css":"123","/home/runner/work/VKUI/VKUI/src/components/View/View.css":"124","/home/runner/work/VKUI/VKUI/src/components/View/ViewIOS.css":"125","/home/runner/work/VKUI/VKUI/src/components/VisuallyHiddenInput/VisuallyHiddenInput.css":"126","/home/runner/work/VKUI/VKUI/src/components/WriteBar/WriteBar.css":"127","/home/runner/work/VKUI/VKUI/src/components/WriteBarIcon/WriteBarIcon.css":"128","/home/runner/work/VKUI/VKUI/src/components/TextTooltip/TextTooltip.css":"129","/home/runner/work/VKUI/VKUI/src/components/Tappable/Tappable.css":"130","/home/runner/work/VKUI/VKUI/src/components/TabsItem/TabsItem.css":"131","/home/runner/work/VKUI/VKUI/src/components/Cell/CellCheckbox/CellCheckbox.css":"132","/home/runner/work/VKUI/VKUI/src/components/Cell/CellDragger/CellDragger.css":"133","/home/runner/work/VKUI/VKUI/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css":"134","/home/runner/work/VKUI/VKUI/src/components/Typography/Caption/Caption.css":"135","/home/runner/work/VKUI/VKUI/src/components/Typography/Footnote/Footnote.css":"136","/home/runner/work/VKUI/VKUI/src/components/Typography/Headline/Headline.css":"137","/home/runner/work/VKUI/VKUI/src/components/Typography/Paragraph/Paragraph.css":"138","/home/runner/work/VKUI/VKUI/src/components/Typography/Subhead/Subhead.css":"139","/home/runner/work/VKUI/VKUI/src/components/Typography/Text/Text.css":"140","/home/runner/work/VKUI/VKUI/src/components/Typography/Title/Title.css":"141"},{"size":214,"mtime":1670594692985,"hashOfConfig":"142"},{"size":9949,"mtime":1670594692989,"hashOfConfig":"142"},{"size":205,"mtime":1670594692989,"hashOfConfig":"142"},{"size":706,"mtime":1670594692989,"hashOfConfig":"142"},{"size":6989,"mtime":1670594692989,"hashOfConfig":"142"},{"size":2498,"mtime":1670594692989,"hashOfConfig":"142"},{"size":10057,"mtime":1670594692989,"hashOfConfig":"142"},{"size":895,"mtime":1670594692989,"hashOfConfig":"142"},{"size":277,"mtime":1670594692989,"hashOfConfig":"142"},{"size":10147,"mtime":1670594692989,"hashOfConfig":"142"},{"size":9990,"mtime":1670594692989,"hashOfConfig":"142"},{"size":2125,"mtime":1670594692773,"hashOfConfig":"142"},{"size":5187,"mtime":1670594692833,"hashOfConfig":"142"},{"size":5141,"mtime":1670594692833,"hashOfConfig":"142"},{"size":343,"mtime":1670594692837,"hashOfConfig":"142"},{"size":3547,"mtime":1670594692837,"hashOfConfig":"142"},{"size":326,"mtime":1670594692841,"hashOfConfig":"142"},{"size":2814,"mtime":1670594692841,"hashOfConfig":"142"},{"size":1206,"mtime":1670594692845,"hashOfConfig":"142"},{"size":20198,"mtime":1670594692845,"hashOfConfig":"142"},{"size":2225,"mtime":1670594692849,"hashOfConfig":"142"},{"size":594,"mtime":1670594692853,"hashOfConfig":"142"},{"size":1769,"mtime":1670594692853,"hashOfConfig":"142"},{"size":555,"mtime":1670594692853,"hashOfConfig":"142"},{"size":642,"mtime":1670594692853,"hashOfConfig":"142"},{"size":535,"mtime":1670594692853,"hashOfConfig":"142"},{"size":259,"mtime":1670594692857,"hashOfConfig":"142"},{"size":1631,"mtime":1670594692857,"hashOfConfig":"142"},{"size":1660,"mtime":1670594692857,"hashOfConfig":"142"},{"size":846,"mtime":1670594692857,"hashOfConfig":"142"},{"size":964,"mtime":1670594692857,"hashOfConfig":"142"},{"size":963,"mtime":1670594692861,"hashOfConfig":"142"},{"size":2288,"mtime":1670594692861,"hashOfConfig":"142"},{"size":1225,"mtime":1670594692869,"hashOfConfig":"142"},{"size":35,"mtime":1670594692869,"hashOfConfig":"142"},{"size":1352,"mtime":1670594692873,"hashOfConfig":"142"},{"size":267,"mtime":1670594692873,"hashOfConfig":"142"},{"size":781,"mtime":1670594692873,"hashOfConfig":"142"},{"size":5729,"mtime":1670594692873,"hashOfConfig":"142"},{"size":1610,"mtime":1670594692877,"hashOfConfig":"142"},{"size":367,"mtime":1670594692877,"hashOfConfig":"142"},{"size":892,"mtime":1670594692877,"hashOfConfig":"142"},{"size":1473,"mtime":1670594692877,"hashOfConfig":"142"},{"size":372,"mtime":1670594692881,"hashOfConfig":"142"},{"size":357,"mtime":1670594692881,"hashOfConfig":"142"},{"size":317,"mtime":1670594692881,"hashOfConfig":"142"},{"size":125,"mtime":1670594692881,"hashOfConfig":"142"},{"size":580,"mtime":1670594692881,"hashOfConfig":"142"},{"size":41,"mtime":1670594692885,"hashOfConfig":"142"},{"size":2241,"mtime":1670594692885,"hashOfConfig":"142"},{"size":1462,"mtime":1670594692885,"hashOfConfig":"142"},{"size":276,"mtime":1670594692885,"hashOfConfig":"142"},{"size":4440,"mtime":1670594692885,"hashOfConfig":"142"},{"size":1893,"mtime":1670594692885,"hashOfConfig":"142"},{"size":227,"mtime":1670594692885,"hashOfConfig":"142"},{"size":1296,"mtime":1670594692885,"hashOfConfig":"142"},{"size":936,"mtime":1670594692889,"hashOfConfig":"142"},{"size":673,"mtime":1670594692889,"hashOfConfig":"142"},{"size":909,"mtime":1670594692889,"hashOfConfig":"142"},{"size":2188,"mtime":1670594692893,"hashOfConfig":"142"},{"size":2655,"mtime":1670594692893,"hashOfConfig":"142"},{"size":1264,"mtime":1670594692893,"hashOfConfig":"142"},{"size":1380,"mtime":1670594692893,"hashOfConfig":"142"},{"size":1681,"mtime":1670594692893,"hashOfConfig":"142"},{"size":2491,"mtime":1670594692897,"hashOfConfig":"142"},{"size":276,"mtime":1670594692901,"hashOfConfig":"142"},{"size":1308,"mtime":1670594692901,"hashOfConfig":"142"},{"size":1371,"mtime":1670594692901,"hashOfConfig":"142"},{"size":443,"mtime":1670594692905,"hashOfConfig":"142"},{"size":100,"mtime":1670594692905,"hashOfConfig":"142"},{"size":1101,"mtime":1670594692905,"hashOfConfig":"142"},{"size":10,"mtime":1670594692905,"hashOfConfig":"142"},{"size":1476,"mtime":1670594692905,"hashOfConfig":"142"},{"size":975,"mtime":1670594692909,"hashOfConfig":"142"},{"size":2067,"mtime":1670594692909,"hashOfConfig":"142"},{"size":833,"mtime":1670594692909,"hashOfConfig":"142"},{"size":3250,"mtime":1670594692909,"hashOfConfig":"142"},{"size":513,"mtime":1670594692909,"hashOfConfig":"142"},{"size":1647,"mtime":1670594692913,"hashOfConfig":"142"},{"size":1379,"mtime":1670594692917,"hashOfConfig":"142"},{"size":2877,"mtime":1670594692921,"hashOfConfig":"142"},{"size":5373,"mtime":1670594692921,"hashOfConfig":"142"},{"size":154,"mtime":1670594692921,"hashOfConfig":"142"},{"size":1524,"mtime":1670594692921,"hashOfConfig":"142"},{"size":1834,"mtime":1670594692921,"hashOfConfig":"142"},{"size":2326,"mtime":1670594692921,"hashOfConfig":"142"},{"size":866,"mtime":1670594692925,"hashOfConfig":"142"},{"size":455,"mtime":1670594692925,"hashOfConfig":"142"},{"size":1714,"mtime":1670594692925,"hashOfConfig":"142"},{"size":963,"mtime":1670594692925,"hashOfConfig":"142"},{"size":616,"mtime":1670594692925,"hashOfConfig":"142"},{"size":283,"mtime":1670594692925,"hashOfConfig":"142"},{"size":937,"mtime":1670594692925,"hashOfConfig":"142"},{"size":2083,"mtime":1670594692925,"hashOfConfig":"142"},{"size":1844,"mtime":1670594692925,"hashOfConfig":"142"},{"size":202,"mtime":1670594692929,"hashOfConfig":"142"},{"size":2571,"mtime":1670594692933,"hashOfConfig":"142"},{"size":3121,"mtime":1670594692933,"hashOfConfig":"142"},{"size":1341,"mtime":1670594692933,"hashOfConfig":"142"},{"size":2592,"mtime":1670594692933,"hashOfConfig":"142"},{"size":1254,"mtime":1670594692933,"hashOfConfig":"142"},{"size":9040,"mtime":1670594692937,"hashOfConfig":"142"},{"size":1116,"mtime":1670594692941,"hashOfConfig":"142"},{"size":1424,"mtime":1670594692941,"hashOfConfig":"142"},{"size":857,"mtime":1670594692945,"hashOfConfig":"142"},{"size":3357,"mtime":1670594692945,"hashOfConfig":"142"},{"size":2533,"mtime":1670594692945,"hashOfConfig":"142"},{"size":1683,"mtime":1670594692949,"hashOfConfig":"142"},{"size":1686,"mtime":1670594692949,"hashOfConfig":"142"},{"size":3053,"mtime":1670594692949,"hashOfConfig":"142"},{"size":869,"mtime":1670594692949,"hashOfConfig":"142"},{"size":475,"mtime":1670594692949,"hashOfConfig":"142"},{"size":453,"mtime":1670594692949,"hashOfConfig":"142"},{"size":1015,"mtime":1670594692949,"hashOfConfig":"142"},{"size":609,"mtime":1670594692953,"hashOfConfig":"142"},{"size":3332,"mtime":1670594692953,"hashOfConfig":"142"},{"size":4496,"mtime":1670594692953,"hashOfConfig":"142"},{"size":956,"mtime":1670594692957,"hashOfConfig":"142"},{"size":2307,"mtime":1670594692957,"hashOfConfig":"142"},{"size":1117,"mtime":1670594692957,"hashOfConfig":"142"},{"size":1138,"mtime":1670594692957,"hashOfConfig":"142"},{"size":1475,"mtime":1670594692965,"hashOfConfig":"142"},{"size":1277,"mtime":1670594692981,"hashOfConfig":"142"},{"size":1674,"mtime":1670594692985,"hashOfConfig":"142"},{"size":3097,"mtime":1670594692985,"hashOfConfig":"142"},{"size":167,"mtime":1670594692985,"hashOfConfig":"142"},{"size":1742,"mtime":1670594692985,"hashOfConfig":"142"},{"size":1268,"mtime":1670594692985,"hashOfConfig":"142"},{"size":1300,"mtime":1670594692957,"hashOfConfig":"142"},{"size":2197,"mtime":1670594692957,"hashOfConfig":"142"},{"size":5978,"mtime":1670594692957,"hashOfConfig":"142"},{"size":379,"mtime":1670594692857,"hashOfConfig":"142"},{"size":105,"mtime":1670594692857,"hashOfConfig":"142"},{"size":627,"mtime":1670594692941,"hashOfConfig":"142"},{"size":3303,"mtime":1670594692969,"hashOfConfig":"142"},{"size":699,"mtime":1670594692969,"hashOfConfig":"142"},{"size":1676,"mtime":1670594692973,"hashOfConfig":"142"},{"size":419,"mtime":1670594692973,"hashOfConfig":"142"},{"size":980,"mtime":1670594692977,"hashOfConfig":"142"},{"size":1086,"mtime":1670594692977,"hashOfConfig":"142"},{"size":1346,"mtime":1670594692981,"hashOfConfig":"142"},"txhyqm"]
1
+ [{"/home/runner/work/VKUI/VKUI/src/fonts/fonts.css":"1","/home/runner/work/VKUI/VKUI/src/styles/animations.css":"2","/home/runner/work/VKUI/VKUI/src/styles/bright_light.css":"3","/home/runner/work/VKUI/VKUI/src/styles/common.css":"4","/home/runner/work/VKUI/VKUI/src/styles/components.css":"5","/home/runner/work/VKUI/VKUI/src/styles/constants.css":"6","/home/runner/work/VKUI/VKUI/src/styles/space_gray.css":"7","/home/runner/work/VKUI/VKUI/src/styles/themes.css":"8","/home/runner/work/VKUI/VKUI/src/styles/unstable.css":"9","/home/runner/work/VKUI/VKUI/src/styles/vkcom_dark.css":"10","/home/runner/work/VKUI/VKUI/src/styles/vkcom_light.css":"11","/home/runner/work/VKUI/VKUI/src/components/ActionSheet/ActionSheet.css":"12","/home/runner/work/VKUI/VKUI/src/components/ActionSheetItem/ActionSheetItem.css":"13","/home/runner/work/VKUI/VKUI/src/components/Alert/Alert.css":"14","/home/runner/work/VKUI/VKUI/src/components/AppRoot/AppRoot.css":"15","/home/runner/work/VKUI/VKUI/src/components/Avatar/Avatar.css":"16","/home/runner/work/VKUI/VKUI/src/components/Badge/Badge.css":"17","/home/runner/work/VKUI/VKUI/src/components/Banner/Banner.css":"18","/home/runner/work/VKUI/VKUI/src/components/BaseGallery/BaseGallery.css":"19","/home/runner/work/VKUI/VKUI/src/components/Button/Button.css":"20","/home/runner/work/VKUI/VKUI/src/components/ButtonGroup/ButtonGroup.css":"21","/home/runner/work/VKUI/VKUI/src/components/Calendar/Calendar.css":"22","/home/runner/work/VKUI/VKUI/src/components/CalendarDay/CalendarDay.css":"23","/home/runner/work/VKUI/VKUI/src/components/CalendarDays/CalendarDays.css":"24","/home/runner/work/VKUI/VKUI/src/components/CalendarHeader/CalendarHeader.css":"25","/home/runner/work/VKUI/VKUI/src/components/CalendarRange/CalendarRange.css":"26","/home/runner/work/VKUI/VKUI/src/components/CalendarTime/CalendarTime.css":"27","/home/runner/work/VKUI/VKUI/src/components/Card/Card.css":"28","/home/runner/work/VKUI/VKUI/src/components/CardGrid/CardGrid.css":"29","/home/runner/work/VKUI/VKUI/src/components/CardScroll/CardScroll.css":"30","/home/runner/work/VKUI/VKUI/src/components/Cell/Cell.css":"31","/home/runner/work/VKUI/VKUI/src/components/CellButton/CellButton.css":"32","/home/runner/work/VKUI/VKUI/src/components/Checkbox/Checkbox.css":"33","/home/runner/work/VKUI/VKUI/src/components/Chip/Chip.css":"34","/home/runner/work/VKUI/VKUI/src/components/ChipsInput/ChipsInput.css":"35","/home/runner/work/VKUI/VKUI/src/components/ChipsInputBase/ChipsInputBase.css":"36","/home/runner/work/VKUI/VKUI/src/components/ChipsSelect/ChipsSelect.css":"37","/home/runner/work/VKUI/VKUI/src/components/ContentCard/ContentCard.css":"38","/home/runner/work/VKUI/VKUI/src/components/Counter/Counter.css":"39","/home/runner/work/VKUI/VKUI/src/components/CustomScrollView/CustomScrollView.css":"40","/home/runner/work/VKUI/VKUI/src/components/CustomSelect/CustomSelect.css":"41","/home/runner/work/VKUI/VKUI/src/components/CustomSelectDropdown/CustomSelectDropdown.css":"42","/home/runner/work/VKUI/VKUI/src/components/CustomSelectOption/CustomSelectOption.css":"43","/home/runner/work/VKUI/VKUI/src/components/DateInput/DateInput.css":"44","/home/runner/work/VKUI/VKUI/src/components/DatePicker/DatePicker.css":"45","/home/runner/work/VKUI/VKUI/src/components/DateRangeInput/DateRangeInput.css":"46","/home/runner/work/VKUI/VKUI/src/components/Div/Div.css":"47","/home/runner/work/VKUI/VKUI/src/components/Dropdown/Dropdown.css":"48","/home/runner/work/VKUI/VKUI/src/components/Epic/Epic.css":"49","/home/runner/work/VKUI/VKUI/src/components/FixedLayout/FixedLayout.css":"50","/home/runner/work/VKUI/VKUI/src/components/FocusVisible/FocusVisible.css":"51","/home/runner/work/VKUI/VKUI/src/components/Footer/Footer.css":"52","/home/runner/work/VKUI/VKUI/src/components/FormField/FormField.css":"53","/home/runner/work/VKUI/VKUI/src/components/FormItem/FormItem.css":"54","/home/runner/work/VKUI/VKUI/src/components/FormLayout/FormLayout.css":"55","/home/runner/work/VKUI/VKUI/src/components/FormLayoutGroup/FormLayoutGroup.css":"56","/home/runner/work/VKUI/VKUI/src/components/FormStatus/FormStatus.css":"57","/home/runner/work/VKUI/VKUI/src/components/Gradient/Gradient.css":"58","/home/runner/work/VKUI/VKUI/src/components/GridAvatar/GridAvatar.css":"59","/home/runner/work/VKUI/VKUI/src/components/Group/Group.css":"60","/home/runner/work/VKUI/VKUI/src/components/Header/Header.css":"61","/home/runner/work/VKUI/VKUI/src/components/HorizontalCell/HorizontalCell.css":"62","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScroll.css":"63","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScrollArrow.css":"64","/home/runner/work/VKUI/VKUI/src/components/IconButton/IconButton.css":"65","/home/runner/work/VKUI/VKUI/src/components/InfoRow/InfoRow.css":"66","/home/runner/work/VKUI/VKUI/src/components/InitialsAvatar/InitialsAvatar.css":"67","/home/runner/work/VKUI/VKUI/src/components/Input/Input.css":"68","/home/runner/work/VKUI/VKUI/src/components/InputLike/InputLike.css":"69","/home/runner/work/VKUI/VKUI/src/components/InputLike/InputLikeDivider.css":"70","/home/runner/work/VKUI/VKUI/src/components/Link/Link.css":"71","/home/runner/work/VKUI/VKUI/src/components/List/List.css":"72","/home/runner/work/VKUI/VKUI/src/components/MiniInfoCell/MiniInfoCell.css":"73","/home/runner/work/VKUI/VKUI/src/components/ModalCard/ModalCard.css":"74","/home/runner/work/VKUI/VKUI/src/components/ModalCardBase/ModalCardBase.css":"75","/home/runner/work/VKUI/VKUI/src/components/ModalDismissButton/ModalDismissButton.css":"76","/home/runner/work/VKUI/VKUI/src/components/ModalPage/ModalPage.css":"77","/home/runner/work/VKUI/VKUI/src/components/ModalPageHeader/ModalPageHeader.css":"78","/home/runner/work/VKUI/VKUI/src/components/ModalRoot/ModalRoot.css":"79","/home/runner/work/VKUI/VKUI/src/components/Pagination/Pagination.css":"80","/home/runner/work/VKUI/VKUI/src/components/Panel/Panel.css":"81","/home/runner/work/VKUI/VKUI/src/components/PanelHeader/PanelHeader.css":"82","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderBack/PanelHeaderBack.css":"83","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderButton/PanelHeaderButton.css":"84","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContent/PanelHeaderContent.css":"85","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContext/PanelHeaderContext.css":"86","/home/runner/work/VKUI/VKUI/src/components/Placeholder/Placeholder.css":"87","/home/runner/work/VKUI/VKUI/src/components/PopoutRoot/PopoutRoot.css":"88","/home/runner/work/VKUI/VKUI/src/components/PopoutWrapper/PopoutWrapper.css":"89","/home/runner/work/VKUI/VKUI/src/components/Popper/Popper.css":"90","/home/runner/work/VKUI/VKUI/src/components/PopperArrow/PopperArrow.css":"91","/home/runner/work/VKUI/VKUI/src/components/Progress/Progress.css":"92","/home/runner/work/VKUI/VKUI/src/components/PromoBanner/PromoBanner.css":"93","/home/runner/work/VKUI/VKUI/src/components/PullToRefresh/PullToRefresh.css":"94","/home/runner/work/VKUI/VKUI/src/components/Radio/Radio.css":"95","/home/runner/work/VKUI/VKUI/src/components/RadioGroup/RadioGroup.css":"96","/home/runner/work/VKUI/VKUI/src/components/Removable/Removable.css":"97","/home/runner/work/VKUI/VKUI/src/components/RichCell/RichCell.css":"98","/home/runner/work/VKUI/VKUI/src/components/RichTooltip/RichTooltip.css":"99","/home/runner/work/VKUI/VKUI/src/components/Root/Root.css":"100","/home/runner/work/VKUI/VKUI/src/components/ScreenSpinner/ScreenSpinner.css":"101","/home/runner/work/VKUI/VKUI/src/components/Search/Search.css":"102","/home/runner/work/VKUI/VKUI/src/components/SegmentedControl/SegmentedControl.css":"103","/home/runner/work/VKUI/VKUI/src/components/Select/Select.css":"104","/home/runner/work/VKUI/VKUI/src/components/Separator/Separator.css":"105","/home/runner/work/VKUI/VKUI/src/components/SimpleCell/SimpleCell.css":"106","/home/runner/work/VKUI/VKUI/src/components/SimpleCheckbox/SimpleCheckbox.css":"107","/home/runner/work/VKUI/VKUI/src/components/Slider/Slider.css":"108","/home/runner/work/VKUI/VKUI/src/components/SliderSwitch/SliderSwitch.css":"109","/home/runner/work/VKUI/VKUI/src/components/Snackbar/Snackbar.css":"110","/home/runner/work/VKUI/VKUI/src/components/Spacing/Spacing.css":"111","/home/runner/work/VKUI/VKUI/src/components/Spinner/Spinner.css":"112","/home/runner/work/VKUI/VKUI/src/components/SplitCol/SplitCol.css":"113","/home/runner/work/VKUI/VKUI/src/components/SplitLayout/SplitLayout.css":"114","/home/runner/work/VKUI/VKUI/src/components/SubnavigationBar/SubnavigationBar.css":"115","/home/runner/work/VKUI/VKUI/src/components/SubnavigationButton/SubnavigationButton.css":"116","/home/runner/work/VKUI/VKUI/src/components/Switch/Switch.css":"117","/home/runner/work/VKUI/VKUI/src/components/Tabbar/Tabbar.css":"118","/home/runner/work/VKUI/VKUI/src/components/TabbarItem/TabbarItem.css":"119","/home/runner/work/VKUI/VKUI/src/components/Tabs/Tabs.css":"120","/home/runner/work/VKUI/VKUI/src/components/Textarea/Textarea.css":"121","/home/runner/work/VKUI/VKUI/src/components/Tooltip/Tooltip.css":"122","/home/runner/work/VKUI/VKUI/src/components/UsersStack/UsersStack.css":"123","/home/runner/work/VKUI/VKUI/src/components/View/View.css":"124","/home/runner/work/VKUI/VKUI/src/components/View/ViewIOS.css":"125","/home/runner/work/VKUI/VKUI/src/components/VisuallyHiddenInput/VisuallyHiddenInput.css":"126","/home/runner/work/VKUI/VKUI/src/components/WriteBar/WriteBar.css":"127","/home/runner/work/VKUI/VKUI/src/components/WriteBarIcon/WriteBarIcon.css":"128","/home/runner/work/VKUI/VKUI/src/components/TextTooltip/TextTooltip.css":"129","/home/runner/work/VKUI/VKUI/src/components/Tappable/Tappable.css":"130","/home/runner/work/VKUI/VKUI/src/components/TabsItem/TabsItem.css":"131","/home/runner/work/VKUI/VKUI/src/components/Cell/CellCheckbox/CellCheckbox.css":"132","/home/runner/work/VKUI/VKUI/src/components/Cell/CellDragger/CellDragger.css":"133","/home/runner/work/VKUI/VKUI/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css":"134","/home/runner/work/VKUI/VKUI/src/components/Typography/Caption/Caption.css":"135","/home/runner/work/VKUI/VKUI/src/components/Typography/Footnote/Footnote.css":"136","/home/runner/work/VKUI/VKUI/src/components/Typography/Headline/Headline.css":"137","/home/runner/work/VKUI/VKUI/src/components/Typography/Paragraph/Paragraph.css":"138","/home/runner/work/VKUI/VKUI/src/components/Typography/Subhead/Subhead.css":"139","/home/runner/work/VKUI/VKUI/src/components/Typography/Text/Text.css":"140","/home/runner/work/VKUI/VKUI/src/components/Typography/Title/Title.css":"141"},{"size":214,"mtime":1675182900294,"hashOfConfig":"142"},{"size":205,"mtime":1675182900298,"hashOfConfig":"142"},{"size":9949,"mtime":1675182900298,"hashOfConfig":"142"},{"size":706,"mtime":1675182900298,"hashOfConfig":"142"},{"size":6989,"mtime":1675182900298,"hashOfConfig":"142"},{"size":2498,"mtime":1675182900298,"hashOfConfig":"142"},{"size":10057,"mtime":1675182900298,"hashOfConfig":"142"},{"size":895,"mtime":1675182900298,"hashOfConfig":"142"},{"size":277,"mtime":1675182900298,"hashOfConfig":"142"},{"size":10147,"mtime":1675182900298,"hashOfConfig":"142"},{"size":9990,"mtime":1675182900298,"hashOfConfig":"142"},{"size":2125,"mtime":1675182900094,"hashOfConfig":"142"},{"size":5187,"mtime":1675182900150,"hashOfConfig":"142"},{"size":5141,"mtime":1675182900150,"hashOfConfig":"142"},{"size":343,"mtime":1675182900158,"hashOfConfig":"142"},{"size":3547,"mtime":1675182900158,"hashOfConfig":"142"},{"size":326,"mtime":1675182900158,"hashOfConfig":"142"},{"size":2814,"mtime":1675182900158,"hashOfConfig":"142"},{"size":1206,"mtime":1675182900162,"hashOfConfig":"142"},{"size":20198,"mtime":1675182900162,"hashOfConfig":"142"},{"size":2225,"mtime":1675182900162,"hashOfConfig":"142"},{"size":594,"mtime":1675182900166,"hashOfConfig":"142"},{"size":1769,"mtime":1675182900170,"hashOfConfig":"142"},{"size":555,"mtime":1675182900170,"hashOfConfig":"142"},{"size":642,"mtime":1675182900170,"hashOfConfig":"142"},{"size":535,"mtime":1675182900170,"hashOfConfig":"142"},{"size":259,"mtime":1675182900170,"hashOfConfig":"142"},{"size":1631,"mtime":1675182900170,"hashOfConfig":"142"},{"size":1660,"mtime":1675182900178,"hashOfConfig":"142"},{"size":846,"mtime":1675182900178,"hashOfConfig":"142"},{"size":964,"mtime":1675182900178,"hashOfConfig":"142"},{"size":963,"mtime":1675182900178,"hashOfConfig":"142"},{"size":2288,"mtime":1675182900178,"hashOfConfig":"142"},{"size":1225,"mtime":1675182900182,"hashOfConfig":"142"},{"size":35,"mtime":1675182900186,"hashOfConfig":"142"},{"size":1352,"mtime":1675182900186,"hashOfConfig":"142"},{"size":267,"mtime":1675182900186,"hashOfConfig":"142"},{"size":781,"mtime":1675182900194,"hashOfConfig":"142"},{"size":5729,"mtime":1675182900194,"hashOfConfig":"142"},{"size":1610,"mtime":1675182900194,"hashOfConfig":"142"},{"size":367,"mtime":1675182900194,"hashOfConfig":"142"},{"size":892,"mtime":1675182900194,"hashOfConfig":"142"},{"size":1473,"mtime":1675182900194,"hashOfConfig":"142"},{"size":372,"mtime":1675182900194,"hashOfConfig":"142"},{"size":357,"mtime":1675182900198,"hashOfConfig":"142"},{"size":317,"mtime":1675182900198,"hashOfConfig":"142"},{"size":125,"mtime":1675182900198,"hashOfConfig":"142"},{"size":580,"mtime":1675182900198,"hashOfConfig":"142"},{"size":41,"mtime":1675182900198,"hashOfConfig":"142"},{"size":2241,"mtime":1675182900198,"hashOfConfig":"142"},{"size":1462,"mtime":1675182900202,"hashOfConfig":"142"},{"size":276,"mtime":1675182900202,"hashOfConfig":"142"},{"size":4440,"mtime":1675182900202,"hashOfConfig":"142"},{"size":1893,"mtime":1675182900202,"hashOfConfig":"142"},{"size":227,"mtime":1675182900202,"hashOfConfig":"142"},{"size":1296,"mtime":1675182900202,"hashOfConfig":"142"},{"size":936,"mtime":1675182900202,"hashOfConfig":"142"},{"size":673,"mtime":1675182900206,"hashOfConfig":"142"},{"size":909,"mtime":1675182900206,"hashOfConfig":"142"},{"size":2188,"mtime":1675182900206,"hashOfConfig":"142"},{"size":2655,"mtime":1675182900206,"hashOfConfig":"142"},{"size":1264,"mtime":1675182900206,"hashOfConfig":"142"},{"size":1380,"mtime":1675182900210,"hashOfConfig":"142"},{"size":1681,"mtime":1675182900210,"hashOfConfig":"142"},{"size":2491,"mtime":1675182900210,"hashOfConfig":"142"},{"size":276,"mtime":1675182900214,"hashOfConfig":"142"},{"size":1308,"mtime":1675182900214,"hashOfConfig":"142"},{"size":1371,"mtime":1675182900218,"hashOfConfig":"142"},{"size":443,"mtime":1675182900218,"hashOfConfig":"142"},{"size":100,"mtime":1675182900218,"hashOfConfig":"142"},{"size":1101,"mtime":1675182900218,"hashOfConfig":"142"},{"size":10,"mtime":1675182900218,"hashOfConfig":"142"},{"size":1476,"mtime":1675182900218,"hashOfConfig":"142"},{"size":975,"mtime":1675182900222,"hashOfConfig":"142"},{"size":2067,"mtime":1675182900222,"hashOfConfig":"142"},{"size":833,"mtime":1675182900222,"hashOfConfig":"142"},{"size":3250,"mtime":1675182900222,"hashOfConfig":"142"},{"size":513,"mtime":1675182900222,"hashOfConfig":"142"},{"size":1647,"mtime":1675182900226,"hashOfConfig":"142"},{"size":1379,"mtime":1675182900230,"hashOfConfig":"142"},{"size":2877,"mtime":1675182900230,"hashOfConfig":"142"},{"size":5373,"mtime":1675182900234,"hashOfConfig":"142"},{"size":154,"mtime":1675182900234,"hashOfConfig":"142"},{"size":1524,"mtime":1675182900234,"hashOfConfig":"142"},{"size":1834,"mtime":1675182900234,"hashOfConfig":"142"},{"size":2326,"mtime":1675182900234,"hashOfConfig":"142"},{"size":866,"mtime":1675182900234,"hashOfConfig":"142"},{"size":527,"mtime":1675182900234,"hashOfConfig":"142"},{"size":1714,"mtime":1675182900234,"hashOfConfig":"142"},{"size":987,"mtime":1675182900234,"hashOfConfig":"142"},{"size":616,"mtime":1675182900238,"hashOfConfig":"142"},{"size":283,"mtime":1675182900238,"hashOfConfig":"142"},{"size":937,"mtime":1675182900238,"hashOfConfig":"142"},{"size":2083,"mtime":1675182900238,"hashOfConfig":"142"},{"size":1844,"mtime":1675182900238,"hashOfConfig":"142"},{"size":202,"mtime":1675182900238,"hashOfConfig":"142"},{"size":2571,"mtime":1675182900242,"hashOfConfig":"142"},{"size":3121,"mtime":1675182900242,"hashOfConfig":"142"},{"size":1341,"mtime":1675182900242,"hashOfConfig":"142"},{"size":2640,"mtime":1675182900242,"hashOfConfig":"142"},{"size":1254,"mtime":1675182900242,"hashOfConfig":"142"},{"size":9040,"mtime":1675182900246,"hashOfConfig":"142"},{"size":1116,"mtime":1675182900246,"hashOfConfig":"142"},{"size":1424,"mtime":1675182900250,"hashOfConfig":"142"},{"size":857,"mtime":1675182900250,"hashOfConfig":"142"},{"size":3357,"mtime":1675182900250,"hashOfConfig":"142"},{"size":2533,"mtime":1675182900250,"hashOfConfig":"142"},{"size":1683,"mtime":1675182900254,"hashOfConfig":"142"},{"size":1686,"mtime":1675182900254,"hashOfConfig":"142"},{"size":3087,"mtime":1675182900254,"hashOfConfig":"142"},{"size":869,"mtime":1675182900254,"hashOfConfig":"142"},{"size":475,"mtime":1675182900254,"hashOfConfig":"142"},{"size":453,"mtime":1675182900254,"hashOfConfig":"142"},{"size":1063,"mtime":1675182900254,"hashOfConfig":"142"},{"size":609,"mtime":1675182900254,"hashOfConfig":"142"},{"size":3332,"mtime":1675182900258,"hashOfConfig":"142"},{"size":4496,"mtime":1675182900258,"hashOfConfig":"142"},{"size":956,"mtime":1675182900258,"hashOfConfig":"142"},{"size":2307,"mtime":1675182900262,"hashOfConfig":"142"},{"size":1117,"mtime":1675182900262,"hashOfConfig":"142"},{"size":1138,"mtime":1675182900262,"hashOfConfig":"142"},{"size":1475,"mtime":1675182900266,"hashOfConfig":"142"},{"size":1277,"mtime":1675182900290,"hashOfConfig":"142"},{"size":1722,"mtime":1675182900294,"hashOfConfig":"142"},{"size":3097,"mtime":1675182900294,"hashOfConfig":"142"},{"size":167,"mtime":1675182900294,"hashOfConfig":"142"},{"size":1742,"mtime":1675182900294,"hashOfConfig":"142"},{"size":1268,"mtime":1675182900294,"hashOfConfig":"142"},{"size":1300,"mtime":1675182900262,"hashOfConfig":"142"},{"size":2197,"mtime":1675182900262,"hashOfConfig":"142"},{"size":5978,"mtime":1675182900262,"hashOfConfig":"142"},{"size":379,"mtime":1675182900178,"hashOfConfig":"142"},{"size":105,"mtime":1675182900178,"hashOfConfig":"142"},{"size":627,"mtime":1675182900246,"hashOfConfig":"142"},{"size":3303,"mtime":1675182900270,"hashOfConfig":"142"},{"size":699,"mtime":1675182900270,"hashOfConfig":"142"},{"size":1676,"mtime":1675182900274,"hashOfConfig":"142"},{"size":419,"mtime":1675182900274,"hashOfConfig":"142"},{"size":980,"mtime":1675182900286,"hashOfConfig":"142"},{"size":1086,"mtime":1675182900286,"hashOfConfig":"142"},{"size":1346,"mtime":1675182900290,"hashOfConfig":"142"},"txhyqm"]
@@ -598,8 +598,8 @@
598
598
  "signature": "ecf78e637f710f340ec08d5d92b3f31b134a46a4fcf2e758690d8c46ce62cba6"
599
599
  },
600
600
  "../node_modules/csstype/index.d.ts": {
601
- "version": "4ee363f83d7be2202f34fcd84c44da71bf3a9329fee8a05f976f75083a52ea94",
602
- "signature": "4ee363f83d7be2202f34fcd84c44da71bf3a9329fee8a05f976f75083a52ea94"
601
+ "version": "1c29793071152b207c01ea1954e343be9a44d85234447b2b236acae9e709a383",
602
+ "signature": "1c29793071152b207c01ea1954e343be9a44d85234447b2b236acae9e709a383"
603
603
  },
604
604
  "../node_modules/@types/prop-types/index.d.ts": {
605
605
  "version": "a7e32dcb90bf0c1b7a1e4ac89b0f7747cbcba25e7beddc1ebf17be1e161842ad",
@@ -10638,7 +10638,7 @@
10638
10638
  "signature": "2c39f96e10df0b22ce4e80ba30319e9881f92ce051e0c417379416f55dc83370"
10639
10639
  },
10640
10640
  "../src/components/Search/Search.tsx": {
10641
- "version": "efe564bc77ba66877cc2f17eff864596f3cd19762c68feaef1d3f99ba67d1363",
10641
+ "version": "aeb29ff7ccfa39c77789bf2138c2630200f1a3403406962d4bc946caae071887",
10642
10642
  "signature": "6f8981694581285ff8663d8771fefbe5bc8d21d4237abaa0232fced5d1c499c0"
10643
10643
  },
10644
10644
  "../src/components/Tabs/Tabs.tsx": {
@@ -10790,8 +10790,8 @@
10790
10790
  "signature": "8ff965a1b353d561a96a0876f3f2287f779c8473cd9dc28b42434f7330a8d6c9"
10791
10791
  },
10792
10792
  "../src/components/Checkbox/Checkbox.tsx": {
10793
- "version": "cc9101e42277bd193cf4fd12a03eeeb49169cf9d76021a03c60ea1d33e10fb64",
10794
- "signature": "270dac6e6cd6580e940104ffe90f4849b6b8f8614a57ac33eae2d1b41e21a35a"
10793
+ "version": "2cc914ed240208607e62b21950cff251822a69471ba72c6c1829ac7696cfcf4f",
10794
+ "signature": "668290f194b0c36461471027c508b6b0e96c1bead02e3e5c6fa7e3aad8f67e76"
10795
10795
  },
10796
10796
  "../src/components/DropdownIcon/DropdownIcon.tsx": {
10797
10797
  "version": "a63c1628f27c5769bc6d5cdc0e1426b07a42421d62cfc89f6d30f4ec97d4fa3d",
@@ -10818,7 +10818,7 @@
10818
10818
  "signature": "a3c415a87904a8297a963a3f8d1daefe7a94ab479a7b930d741232099b287d63"
10819
10819
  },
10820
10820
  "../src/components/CustomScrollView/CustomScrollView.tsx": {
10821
- "version": "7b12cbedbc51a852231faa99c6771186c92be916a10ed2eb03399f31be456471",
10821
+ "version": "f5a75a059246d8133950fe48e0b0ddac88132f3bff8d60abc1f43f3842d6941c",
10822
10822
  "signature": "118494b65362d10be990ffb82fcdd5397184a98a82bb8735ef27fbf607cc974b"
10823
10823
  },
10824
10824
  "../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx": {
@@ -10826,7 +10826,7 @@
10826
10826
  "signature": "fe8703571cc0ceb32e9914fde981c733d5462123cdfa88c2e4bb28b5018098ea"
10827
10827
  },
10828
10828
  "../src/components/CustomSelect/CustomSelect.tsx": {
10829
- "version": "071f03aaed8b896ff3bf16a88e41b9712bf9408816d2a57f5208eabd298d293f",
10829
+ "version": "8bbb5d82d16d41322d182485bfbaca2140f91cc25a993135a30154e5d61fd072",
10830
10830
  "signature": "ae9a5ca6a5471f083d67c737fa0bff1734dbd28ec4b1561c2659814478db1628"
10831
10831
  },
10832
10832
  "../src/components/Select/Select.tsx": {
@@ -11018,7 +11018,7 @@
11018
11018
  "signature": "4c1a7fdda5327d0c92dec3a8f05cf4da4241eb73b9bb947faa48b7587a0385d9"
11019
11019
  },
11020
11020
  "../src/components/ChipsSelect/ChipsSelect.tsx": {
11021
- "version": "ce50f199e3da356fcd3830f3a901cafd04b6eff94cc1b0250143b10da6370bc8",
11021
+ "version": "74c6cd3543bd9e0ac4850e12aad1a27916a2069fb35a8c70a0dcd4c5e63d9401",
11022
11022
  "signature": "72e863d1d709bee74ee84782cc823702a96785bd74c60b9dbceee86942fb688c"
11023
11023
  },
11024
11024
  "../src/hooks/useChipsSelect.ts": {
@@ -23797,7 +23797,8 @@
23797
23797
  "../src/lib/useIsomorphicLayoutEffect.ts",
23798
23798
  "../src/hooks/useExternRef.ts",
23799
23799
  "../src/hooks/useEventListener.ts",
23800
- "../src/components/CustomScrollView/useTrackerVisibility.ts"
23800
+ "../src/components/CustomScrollView/useTrackerVisibility.ts",
23801
+ "../src/lib/utils.ts"
23801
23802
  ],
23802
23803
  "../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx": [
23803
23804
  "../node_modules/@types/react/index.d.ts",
@@ -36522,7 +36523,8 @@
36522
36523
  "../src/components/AdaptivityProvider/AdaptivityContext.tsx",
36523
36524
  "../node_modules/@types/react/index.d.ts",
36524
36525
  "../src/types.ts",
36525
- "../src/hoc/withAdaptivity.tsx"
36526
+ "../src/hoc/withAdaptivity.tsx",
36527
+ "../src/components/Tappable/Tappable.tsx"
36526
36528
  ],
36527
36529
  "../src/components/DropdownIcon/DropdownIcon.tsx": [
36528
36530
  "../node_modules/@types/react/index.d.ts",
@@ -1,8 +1,9 @@
1
1
  import * as React from "react";
2
+ import { TappableProps } from "../Tappable/Tappable";
2
3
  import { HasRef, HasRootRef } from "../../types";
3
4
  import { AdaptivityProps } from "../../hoc/withAdaptivity";
4
5
  import "./Checkbox.css";
5
- export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement>, AdaptivityProps {
6
+ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement>, AdaptivityProps, Pick<TappableProps, "hoverMode" | "activeMode" | "hasHover" | "hasActive" | "focusVisibleMode"> {
6
7
  description?: React.ReactNode;
7
8
  indeterminate?: boolean;
8
9
  defaultIndeterminate?: boolean;
@@ -10,6 +11,6 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
10
11
  /**
11
12
  * @see https://vkcom.github.io/VKUI/#/Checkbox
12
13
  */
13
- export declare const Checkbox: ({ children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, sizeY, onChange, ...restProps }: CheckboxProps) => JSX.Element;
14
- declare const _default: React.FC<Pick<CheckboxProps, "form" | "slot" | "style" | "title" | "pattern" | "value" | "children" | "alt" | "crossOrigin" | "height" | "src" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "size" | "multiple" | "disabled" | "list" | "step" | "getRootRef" | "accept" | "autoComplete" | "autoFocus" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "maxLength" | "min" | "minLength" | "name" | "readOnly" | "required" | "type" | "getRef" | "description" | "indeterminate" | "defaultIndeterminate"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
14
+ export declare const Checkbox: ({ children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, sizeY, hoverMode, activeMode, hasHover, hasActive, focusVisibleMode, onChange, ...restProps }: CheckboxProps) => JSX.Element;
15
+ declare const _default: React.FC<Pick<CheckboxProps, "form" | "slot" | "style" | "title" | "pattern" | "value" | "children" | "alt" | "crossOrigin" | "height" | "src" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "size" | "multiple" | "disabled" | "list" | "step" | "getRootRef" | "accept" | "autoComplete" | "autoFocus" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "maxLength" | "min" | "minLength" | "name" | "readOnly" | "required" | "type" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "getRef" | "description" | "indeterminate" | "defaultIndeterminate"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
15
16
  export default _default;
@@ -1,8 +1,9 @@
1
1
  import * as React from "react";
2
+ import { TappableProps } from "../Tappable/Tappable";
2
3
  import { HasRef, HasRootRef } from "../../types";
3
4
  import { AdaptivityProps } from "../../hoc/withAdaptivity";
4
5
  import "./Checkbox.css";
5
- export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement>, AdaptivityProps {
6
+ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement>, AdaptivityProps, Pick<TappableProps, "hoverMode" | "activeMode" | "hasHover" | "hasActive" | "focusVisibleMode"> {
6
7
  description?: React.ReactNode;
7
8
  indeterminate?: boolean;
8
9
  defaultIndeterminate?: boolean;
@@ -10,6 +11,6 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
10
11
  /**
11
12
  * @see https://vkcom.github.io/VKUI/#/Checkbox
12
13
  */
13
- export declare const Checkbox: ({ children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, sizeY, onChange, ...restProps }: CheckboxProps) => JSX.Element;
14
- declare const _default: React.FC<Pick<CheckboxProps, "form" | "slot" | "style" | "title" | "pattern" | "value" | "children" | "alt" | "crossOrigin" | "height" | "src" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "size" | "multiple" | "disabled" | "list" | "step" | "getRootRef" | "accept" | "autoComplete" | "autoFocus" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "maxLength" | "min" | "minLength" | "name" | "readOnly" | "required" | "type" | "getRef" | "description" | "indeterminate" | "defaultIndeterminate"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
14
+ export declare const Checkbox: ({ children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, sizeY, hoverMode, activeMode, hasHover, hasActive, focusVisibleMode, onChange, ...restProps }: CheckboxProps) => JSX.Element;
15
+ declare const _default: React.FC<Pick<CheckboxProps, "form" | "slot" | "style" | "title" | "pattern" | "value" | "children" | "alt" | "crossOrigin" | "height" | "src" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "size" | "multiple" | "disabled" | "list" | "step" | "getRootRef" | "accept" | "autoComplete" | "autoFocus" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "maxLength" | "min" | "minLength" | "name" | "readOnly" | "required" | "type" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "getRef" | "description" | "indeterminate" | "defaultIndeterminate"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
15
16
  export default _default;
@@ -22,7 +22,7 @@ var _Caption = require("../Typography/Caption/Caption");
22
22
  var _useExternRef = require("../../hooks/useExternRef");
23
23
  var _VisuallyHiddenInput = require("../VisuallyHiddenInput/VisuallyHiddenInput");
24
24
  var _warnOnce = require("../../lib/warnOnce");
25
- var _excluded = ["children", "className", "style", "getRootRef", "getRef", "description", "indeterminate", "defaultIndeterminate", "sizeY", "onChange"];
25
+ var _excluded = ["children", "className", "style", "getRootRef", "getRef", "description", "indeterminate", "defaultIndeterminate", "sizeY", "hoverMode", "activeMode", "hasHover", "hasActive", "focusVisibleMode", "onChange"];
26
26
  var warn = (0, _warnOnce.warnOnce)("Checkbox");
27
27
 
28
28
  /**
@@ -38,6 +38,11 @@ var Checkbox = function Checkbox(_ref) {
38
38
  indeterminate = _ref.indeterminate,
39
39
  defaultIndeterminate = _ref.defaultIndeterminate,
40
40
  sizeY = _ref.sizeY,
41
+ hoverMode = _ref.hoverMode,
42
+ activeMode = _ref.activeMode,
43
+ hasHover = _ref.hasHover,
44
+ hasActive = _ref.hasActive,
45
+ focusVisibleMode = _ref.focusVisibleMode,
41
46
  onChange = _ref.onChange,
42
47
  restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
43
48
  var inputRef = (0, _useExternRef.useExternRef)(getRef);
@@ -75,7 +80,12 @@ var Checkbox = function Checkbox(_ref) {
75
80
  style: style,
76
81
  disabled: restProps.disabled,
77
82
  activeEffectDelay: platform === _platform.IOS ? 100 : _Tappable.ACTIVE_EFFECT_DELAY,
78
- getRootRef: getRootRef
83
+ getRootRef: getRootRef,
84
+ hoverMode: hoverMode,
85
+ activeMode: activeMode,
86
+ hasHover: hasHover,
87
+ hasActive: hasActive,
88
+ focusVisibleMode: focusVisibleMode
79
89
  }, (0, _jsxRuntime.createScopedElement)(_VisuallyHiddenInput.VisuallyHiddenInput, (0, _extends2.default)({}, restProps, {
80
90
  onChange: handleChange,
81
91
  type: "checkbox",
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","names":["warn","warnOnce","Checkbox","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","sizeY","onChange","restProps","inputRef","useExternRef","platform","usePlatform","React","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","classNames","hasReactNode","disabled","IOS","ACTIVE_EFFECT_DELAY","SizeType","COMPACT","VKCOM","withAdaptivity"],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\n\nimport {\n Icon20CheckBoxOn,\n Icon20CheckBoxOff,\n Icon24CheckBoxOn,\n Icon24CheckBoxOff,\n Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\n\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement>,\n AdaptivityProps {\n description?: React.ReactNode;\n indeterminate?: boolean;\n defaultIndeterminate?: boolean;\n}\n\nconst warn = warnOnce(\"Checkbox\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n children,\n className,\n style,\n getRootRef,\n getRef,\n description,\n indeterminate,\n defaultIndeterminate,\n sizeY,\n onChange,\n ...restProps\n}: CheckboxProps) => {\n const inputRef = useExternRef(getRef);\n const platform = usePlatform();\n\n React.useEffect(() => {\n const indeterminateValue =\n indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminateValue);\n }\n }, [defaultIndeterminate, indeterminate, inputRef]);\n\n const handleChange: CheckboxProps[\"onChange\"] = React.useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (\n defaultIndeterminate !== undefined &&\n indeterminate === undefined &&\n restProps.checked === undefined &&\n inputRef.current\n ) {\n inputRef.current.indeterminate = false;\n }\n if (indeterminate !== undefined && inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n onChange && onChange(event);\n },\n [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n );\n\n if (process.env.NODE_ENV === \"development\") {\n if (defaultIndeterminate && restProps.defaultChecked) {\n warn(\n \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n \"error\"\n );\n }\n\n if (indeterminate && restProps.checked) {\n warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n }\n\n if (restProps.defaultChecked && restProps.checked) {\n warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n }\n }\n\n return (\n <Tappable\n Component=\"label\"\n vkuiClass={classNames(\n \"Checkbox\",\n `Checkbox--sizeY-${sizeY}`,\n !(hasReactNode(children) || hasReactNode(description)) &&\n `Checkbox--simple`\n )}\n className={className}\n style={style}\n disabled={restProps.disabled}\n activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n getRootRef={getRootRef}\n >\n <VisuallyHiddenInput\n {...restProps}\n onChange={handleChange}\n type=\"checkbox\"\n vkuiClass=\"Checkbox__input\"\n getRef={inputRef}\n />\n <div vkuiClass=\"Checkbox__icon Checkbox__icon--on\">\n {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n <Icon20CheckBoxOn aria-hidden />\n ) : (\n <Icon24CheckBoxOn aria-hidden />\n )}\n </div>\n <div vkuiClass=\"Checkbox__icon Checkbox__icon--off\">\n {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n <Icon20CheckBoxOff aria-hidden />\n ) : (\n <Icon24CheckBoxOff aria-hidden />\n )}\n </div>\n <div vkuiClass=\"Checkbox__icon Checkbox__icon--indeterminate\">\n <Icon20CheckBoxIndetermanate\n aria-hidden\n width={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n height={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n />\n </div>\n <Text vkuiClass=\"Checkbox__content\" Component=\"div\">\n <div vkuiClass=\"Checkbox__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Checkbox__description\">{description}</Caption>\n )}\n </Text>\n </Tappable>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Checkbox, {\n sizeY: true,\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox.js","names":["warn","warnOnce","Checkbox","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","sizeY","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","onChange","restProps","inputRef","useExternRef","platform","usePlatform","React","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","classNames","hasReactNode","disabled","IOS","ACTIVE_EFFECT_DELAY","SizeType","COMPACT","VKCOM","withAdaptivity"],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n ACTIVE_EFFECT_DELAY,\n TappableProps,\n Tappable,\n} from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\n\nimport {\n Icon20CheckBoxOn,\n Icon20CheckBoxOff,\n Icon24CheckBoxOn,\n Icon24CheckBoxOff,\n Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\n\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement>,\n AdaptivityProps,\n Pick<\n TappableProps,\n \"hoverMode\" | \"activeMode\" | \"hasHover\" | \"hasActive\" | \"focusVisibleMode\"\n > {\n description?: React.ReactNode;\n indeterminate?: boolean;\n defaultIndeterminate?: boolean;\n}\n\nconst warn = warnOnce(\"Checkbox\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n children,\n className,\n style,\n getRootRef,\n getRef,\n description,\n indeterminate,\n defaultIndeterminate,\n sizeY,\n hoverMode,\n activeMode,\n hasHover,\n hasActive,\n focusVisibleMode,\n onChange,\n ...restProps\n}: CheckboxProps) => {\n const inputRef = useExternRef(getRef);\n const platform = usePlatform();\n\n React.useEffect(() => {\n const indeterminateValue =\n indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminateValue);\n }\n }, [defaultIndeterminate, indeterminate, inputRef]);\n\n const handleChange: CheckboxProps[\"onChange\"] = React.useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (\n defaultIndeterminate !== undefined &&\n indeterminate === undefined &&\n restProps.checked === undefined &&\n inputRef.current\n ) {\n inputRef.current.indeterminate = false;\n }\n if (indeterminate !== undefined && inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n onChange && onChange(event);\n },\n [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n );\n\n if (process.env.NODE_ENV === \"development\") {\n if (defaultIndeterminate && restProps.defaultChecked) {\n warn(\n \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n \"error\"\n );\n }\n\n if (indeterminate && restProps.checked) {\n warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n }\n\n if (restProps.defaultChecked && restProps.checked) {\n warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n }\n }\n\n return (\n <Tappable\n Component=\"label\"\n vkuiClass={classNames(\n \"Checkbox\",\n `Checkbox--sizeY-${sizeY}`,\n !(hasReactNode(children) || hasReactNode(description)) &&\n `Checkbox--simple`\n )}\n className={className}\n style={style}\n disabled={restProps.disabled}\n activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n getRootRef={getRootRef}\n hoverMode={hoverMode}\n activeMode={activeMode}\n hasHover={hasHover}\n hasActive={hasActive}\n focusVisibleMode={focusVisibleMode}\n >\n <VisuallyHiddenInput\n {...restProps}\n onChange={handleChange}\n type=\"checkbox\"\n vkuiClass=\"Checkbox__input\"\n getRef={inputRef}\n />\n <div vkuiClass=\"Checkbox__icon Checkbox__icon--on\">\n {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n <Icon20CheckBoxOn aria-hidden />\n ) : (\n <Icon24CheckBoxOn aria-hidden />\n )}\n </div>\n <div vkuiClass=\"Checkbox__icon Checkbox__icon--off\">\n {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n <Icon20CheckBoxOff aria-hidden />\n ) : (\n <Icon24CheckBoxOff aria-hidden />\n )}\n </div>\n <div vkuiClass=\"Checkbox__icon Checkbox__icon--indeterminate\">\n <Icon20CheckBoxIndetermanate\n aria-hidden\n width={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n height={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n />\n </div>\n <Text vkuiClass=\"Checkbox__content\" Component=\"div\">\n <div vkuiClass=\"Checkbox__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Checkbox__description\">{description}</Caption>\n )}\n </Text>\n </Tappable>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Checkbox, {\n sizeY: true,\n});\n"],"mappings":"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"}
@@ -247,7 +247,7 @@ var ChipsSelect = function ChipsSelect(props) {
247
247
  return !prevOpened;
248
248
  });
249
249
  };
250
- return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, {
250
+ return (0, _jsxRuntime.createScopedElement)(React.Fragment, null, (0, _jsxRuntime.createScopedElement)(_FormField.FormField, {
251
251
  vkuiClass: (0, _classNames.classNames)("ChipsSelect", opened && "Select--open", opened && (isPopperDirectionTop ? "Select--pop-up" : "Select--pop-down")),
252
252
  getRootRef: rootRef,
253
253
  style: style,
@@ -283,7 +283,7 @@ var ChipsSelect = function ChipsSelect(props) {
283
283
  getRef: getRef,
284
284
  disabled: disabled,
285
285
  onInputChange: handleInputChange
286
- })), opened && (0, _jsxRuntime.createScopedElement)(_CustomSelectDropdown.CustomSelectDropdown, {
286
+ }))), opened && (0, _jsxRuntime.createScopedElement)(_CustomSelectDropdown.CustomSelectDropdown, {
287
287
  targetRef: rootRef,
288
288
  placement: popupDirection,
289
289
  scrollBoxRef: scrollBoxRef,
@@ -1 +1 @@
1
- {"version":3,"file":"ChipsSelect.js","names":["FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","chipsSelectDefaultProps","chipsInputDefaultProps","emptyText","creatableText","onChangeStart","noop","creatable","fetching","showSelected","closeAfterSelect","options","filterFn","defaultFilterFn","renderOption","option","restProps","ChipsSelect","props","propsWithDefault","style","onFocus","onKeyDown","className","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","getNewOptionData","renderChip","popupDirection","inputValue","before","fixDropdownWidth","forceDropdownPortal","useDOM","document","React","useState","undefined","popperPlacement","setPopperPlacement","scrollBoxRef","useRef","rootRef","useExternRef","useChipsSelect","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleClickOutside","target","current","contains","chipsSelectOptions","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","handleKeyDown","key","defaultPrevented","preventDefault","includes","useEffect","findIndex","value","useGlobalEventListener","renderChipWrapper","renderChipProps","onRemoveWrapper","stopPropagation","onRemove","isPopperDirectionTop","onPlacementChange","useCallback","placement","onDropdownMouseLeave","observableRefs","useMemo","toggleOpened","prevOpened","classNames","readOnly","map","label","hovered","selected","find","selectedOption","prefixClass","children","onMouseDown","onMouseEnter"],"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ChipOption, ChipValue, RenderChip } from \"../Chip/Chip\";\nimport { ChipsInputProps } from \"../ChipsInput/ChipsInput\";\nimport {\n ChipsInputBase,\n chipsInputDefaultProps,\n} from \"../ChipsInputBase/ChipsInputBase\";\nimport {\n CustomSelectOption,\n CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { useChipsSelect } from \"../../hooks/useChipsSelect\";\nimport { noop } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { defaultFilterFn } from \"../../lib/select\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport { FormField } from \"../FormField/FormField\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport \"./ChipsSelect.css\";\n\nexport interface ChipsSelectProps<Option extends ChipOption>\n extends Omit<ChipsInputProps<Option>, \"after\"> {\n popupDirection?: \"top\" | \"bottom\";\n options?: Option[];\n filterFn?:\n | false\n | ((\n value?: string,\n option?: Option,\n getOptionLabel?: Pick<\n ChipsInputProps<Option>,\n \"getOptionLabel\"\n >[\"getOptionLabel\"]\n ) => boolean);\n /**\n * Возможность создавать чипы которых нет в списке (по enter или с помощью пункта в меню, см creatableText)\n */\n creatable?: boolean;\n /**\n * Отрисовка лоадера вместо списка опций в выпадающем списке\n */\n fetching?: boolean;\n renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n /**\n * Показывать или скрывать уже выбранные опции\n */\n showSelected?: boolean;\n /**\n * Текст для пункта создающего чипы при клике, так же отвечает за то будет ли показан этот пункт (показывается после того как в списке не отсанется опций)\n */\n creatableText?: string;\n /**\n * Текст который показывается если список опций пуст\n */\n emptyText?: string;\n /**\n * Событие срабатывающее перед onChange\n */\n onChangeStart?: (\n e: React.MouseEvent | React.KeyboardEvent,\n option: Option\n ) => void;\n /**\n * Закрытие выпадающего списка после выбора элемента\n */\n closeAfterSelect?: boolean;\n fixDropdownWidth?: boolean;\n forceDropdownPortal?: boolean;\n}\n\ntype FocusActionType = \"next\" | \"prev\";\n\nconst FOCUS_ACTION_NEXT: FocusActionType = \"next\";\nconst FOCUS_ACTION_PREV: FocusActionType = \"prev\";\n\nconst chipsSelectDefaultProps: ChipsSelectProps<any> = {\n ...chipsInputDefaultProps,\n emptyText: \"Ничего не найдено\",\n creatableText: \"Создать значение\",\n onChangeStart: noop,\n creatable: false,\n fetching: false,\n showSelected: true,\n closeAfterSelect: true,\n options: [],\n filterFn: defaultFilterFn,\n renderOption({ option, ...restProps }) {\n return <CustomSelectOption {...restProps} />;\n },\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsSelect\n */\nexport const ChipsSelect = <Option extends ChipOption>(\n props: ChipsSelectProps<Option>\n) => {\n const propsWithDefault = { ...chipsSelectDefaultProps, ...props };\n const {\n style,\n onFocus,\n onKeyDown,\n className,\n fetching,\n renderOption,\n emptyText,\n getRef,\n getRootRef,\n disabled,\n placeholder,\n tabIndex,\n getOptionValue,\n getOptionLabel,\n showSelected,\n getNewOptionData,\n renderChip,\n popupDirection,\n creatable,\n filterFn,\n inputValue,\n creatableText,\n closeAfterSelect,\n onChangeStart,\n before,\n options,\n fixDropdownWidth,\n forceDropdownPortal,\n ...restProps\n } = propsWithDefault;\n\n const { document } = useDOM();\n\n const [popperPlacement, setPopperPlacement] = React.useState<\n Placement | undefined\n >(undefined);\n\n const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n const rootRef = useExternRef(getRef);\n const {\n fieldValue,\n selectedOptions = [],\n opened,\n setOpened,\n addOptionFromInput,\n filteredOptions,\n addOption,\n handleInputChange,\n clearInput,\n focusedOption,\n setFocusedOption,\n focusedOptionIndex,\n setFocusedOptionIndex,\n } = useChipsSelect(propsWithDefault);\n\n const showCreatable = Boolean(\n creatable && creatableText && !filteredOptions.length && fieldValue\n );\n\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setOpened(true);\n setFocusedOptionIndex(0);\n onFocus!(e);\n };\n\n const handleClickOutside = (e: MouseEvent) => {\n if (\n e.target !== rootRef.current &&\n !rootRef.current?.contains(e.target as Node)\n ) {\n setOpened(false);\n }\n };\n\n const chipsSelectOptions = React.useRef<HTMLElement[]>([]).current;\n\n const scrollToElement = (index: number, center = false) => {\n const dropdown = scrollBoxRef.current;\n const item = chipsSelectOptions[index];\n\n if (!item || !dropdown) {\n return;\n }\n\n const dropdownHeight = dropdown.offsetHeight;\n const scrollTop = dropdown.scrollTop;\n const itemTop = item.offsetTop;\n const itemHeight = item.offsetHeight;\n\n if (center) {\n dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n } else if (itemTop < scrollTop) {\n dropdown.scrollTop = itemTop;\n }\n };\n\n const focusOptionByIndex = (index: number, oldIndex: number) => {\n const { length } = filteredOptions;\n\n if (index < 0) {\n index = length - 1;\n } else if (index >= length) {\n index = 0;\n }\n\n if (index === oldIndex) {\n return;\n }\n\n scrollToElement(index);\n setFocusedOptionIndex(index);\n };\n\n const focusOption = (nextIndex: number | null, type: FocusActionType) => {\n let index = typeof nextIndex !== \"number\" ? -1 : nextIndex;\n\n if (type === FOCUS_ACTION_NEXT) {\n index = index + 1;\n } else if (type === FOCUS_ACTION_PREV) {\n index = index - 1;\n }\n\n if (focusedOptionIndex != null) {\n focusOptionByIndex(index, focusedOptionIndex);\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown!(e);\n\n if (e.key === \"ArrowUp\" && !e.defaultPrevented) {\n e.preventDefault();\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n } else {\n focusOption(focusedOptionIndex, FOCUS_ACTION_PREV);\n }\n }\n\n if (e.key === \"ArrowDown\" && !e.defaultPrevented) {\n e.preventDefault();\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n } else {\n focusOption(focusedOptionIndex, FOCUS_ACTION_NEXT);\n }\n }\n\n if (\n e.key === \"Enter\" &&\n !e.defaultPrevented &&\n opened &&\n focusedOptionIndex != null\n ) {\n const option = filteredOptions[focusedOptionIndex];\n\n if (option) {\n onChangeStart!(e, option);\n\n if (!e.defaultPrevented) {\n addOption(option);\n setFocusedOptionIndex(null);\n clearInput();\n closeAfterSelect && setOpened(false);\n e.preventDefault();\n }\n } else if (!creatable) {\n e.preventDefault();\n }\n }\n\n if ([\"Escape\", \"Tab\"].includes(e.key) && !e.defaultPrevented && opened) {\n setOpened(false);\n }\n };\n\n React.useEffect(() => {\n if (focusedOptionIndex != null && filteredOptions[focusedOptionIndex]) {\n setFocusedOption(filteredOptions[focusedOptionIndex]);\n } else if (focusedOptionIndex === null || focusedOptionIndex === 0) {\n setFocusedOption(null);\n }\n }, [focusedOptionIndex, filteredOptions, setFocusedOption]);\n\n React.useEffect(() => {\n const index = focusedOption\n ? filteredOptions.findIndex(({ value }) => value === focusedOption.value)\n : -1;\n\n if (\n index === -1 &&\n !!filteredOptions.length &&\n !showCreatable &&\n closeAfterSelect\n ) {\n setFocusedOption(filteredOptions[0]);\n }\n }, [\n filteredOptions,\n focusedOption,\n showCreatable,\n closeAfterSelect,\n setFocusedOption,\n ]);\n\n useGlobalEventListener(document, \"click\", handleClickOutside);\n\n const renderChipWrapper = (\n renderChipProps: RenderChip<Option> | undefined\n ) => {\n if (renderChipProps === undefined) {\n return null;\n }\n const onRemoveWrapper = (\n e: React.MouseEvent | undefined,\n value: ChipValue | undefined\n ) => {\n e?.preventDefault();\n e?.stopPropagation();\n\n renderChipProps.onRemove?.(e, value);\n };\n\n return renderChip!({\n ...renderChipProps,\n onRemove: onRemoveWrapper,\n });\n };\n\n const isPopperDirectionTop = popperPlacement?.includes(\"top\");\n\n const onPlacementChange = React.useCallback(\n (placement?: Placement) => {\n setPopperPlacement(placement);\n },\n [setPopperPlacement]\n );\n\n const onDropdownMouseLeave = React.useCallback(() => {\n setFocusedOptionIndex(null);\n }, [setFocusedOptionIndex]);\n\n const observableRefs = React.useMemo(\n () => [scrollBoxRef, rootRef],\n [rootRef, scrollBoxRef]\n );\n\n const toggleOpened = () => {\n setOpened((prevOpened) => !prevOpened);\n };\n\n return (\n <FormField\n vkuiClass={classNames(\n \"ChipsSelect\",\n opened && \"Select--open\",\n opened && (isPopperDirectionTop ? \"Select--pop-up\" : \"Select--pop-down\")\n )}\n getRootRef={rootRef}\n style={style}\n className={className}\n disabled={disabled}\n role=\"application\"\n aria-disabled={disabled}\n aria-readonly={restProps.readOnly}\n after={\n <IconButton\n vkuiClass=\"ChipsSelect__dropdown\"\n activeMode=\"\"\n hoverMode=\"\"\n // TODO: add label customization\n aria-label={opened ? \"Скрыть\" : \"Развернуть\"}\n onClick={toggleOpened}\n >\n <DropdownIcon vkuiClass=\"ChipsSelect__icon\" opened={opened} />\n </IconButton>\n }\n before={before}\n >\n <ChipsInputBase\n {...restProps}\n tabIndex={tabIndex}\n value={selectedOptions}\n inputValue={fieldValue}\n getNewOptionData={getNewOptionData}\n getOptionLabel={getOptionLabel}\n getOptionValue={getOptionValue}\n renderChip={renderChipWrapper}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n getRef={getRef}\n disabled={disabled}\n onInputChange={handleInputChange}\n />\n {opened && (\n <CustomSelectDropdown\n targetRef={rootRef}\n placement={popupDirection}\n scrollBoxRef={scrollBoxRef}\n observableRefs={observableRefs}\n onPlacementChange={onPlacementChange}\n onMouseLeave={onDropdownMouseLeave}\n fetching={fetching}\n vkuiClass=\"ChipsSelect__options\"\n sameWidth={fixDropdownWidth}\n forcePortal={forceDropdownPortal}\n >\n {showCreatable && (\n <CustomSelectOption\n hovered={focusedOptionIndex === 0}\n onMouseDown={addOptionFromInput}\n onMouseEnter={() => setFocusedOptionIndex(0)}\n >\n {creatableText}\n </CustomSelectOption>\n )}\n {!filteredOptions?.length && !showCreatable && emptyText ? (\n <Caption vkuiClass=\"ChipsSelect__empty\">{emptyText}</Caption>\n ) : (\n filteredOptions.map((option: Option, index: number) => {\n const label = getOptionLabel!(option);\n const hovered =\n focusedOption &&\n getOptionValue!(option) === getOptionValue!(focusedOption);\n const selected = selectedOptions.find(\n (selectedOption: Option) => {\n return (\n getOptionValue!(selectedOption) === getOptionValue!(option)\n );\n }\n );\n const value = getOptionValue!(option);\n\n return (\n <React.Fragment key={`${typeof value}-${value}`}>\n {renderOption!({\n className: prefixClass(\"ChipsSelect__option\"),\n option,\n hovered: Boolean(hovered),\n children: label,\n selected: !!selected,\n getRootRef: (e) => {\n if (e) {\n return (chipsSelectOptions[index] = e);\n }\n return undefined;\n },\n onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => {\n onChangeStart?.(e, option);\n\n if (!e.defaultPrevented) {\n closeAfterSelect && setOpened(false);\n addOption(option);\n clearInput();\n }\n },\n onMouseEnter: () => setFocusedOptionIndex(index),\n })}\n </React.Fragment>\n );\n })\n )}\n </CustomSelectDropdown>\n )}\n </FormField>\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"ChipsSelect.js","names":["FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","chipsSelectDefaultProps","chipsInputDefaultProps","emptyText","creatableText","onChangeStart","noop","creatable","fetching","showSelected","closeAfterSelect","options","filterFn","defaultFilterFn","renderOption","option","restProps","ChipsSelect","props","propsWithDefault","style","onFocus","onKeyDown","className","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","getNewOptionData","renderChip","popupDirection","inputValue","before","fixDropdownWidth","forceDropdownPortal","useDOM","document","React","useState","undefined","popperPlacement","setPopperPlacement","scrollBoxRef","useRef","rootRef","useExternRef","useChipsSelect","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleClickOutside","target","current","contains","chipsSelectOptions","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","handleKeyDown","key","defaultPrevented","preventDefault","includes","useEffect","findIndex","value","useGlobalEventListener","renderChipWrapper","renderChipProps","onRemoveWrapper","stopPropagation","onRemove","isPopperDirectionTop","onPlacementChange","useCallback","placement","onDropdownMouseLeave","observableRefs","useMemo","toggleOpened","prevOpened","classNames","readOnly","map","label","hovered","selected","find","selectedOption","prefixClass","children","onMouseDown","onMouseEnter"],"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ChipOption, ChipValue, RenderChip } from \"../Chip/Chip\";\nimport { ChipsInputProps } from \"../ChipsInput/ChipsInput\";\nimport {\n ChipsInputBase,\n chipsInputDefaultProps,\n} from \"../ChipsInputBase/ChipsInputBase\";\nimport {\n CustomSelectOption,\n CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { useChipsSelect } from \"../../hooks/useChipsSelect\";\nimport { noop } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { defaultFilterFn } from \"../../lib/select\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport { FormField } from \"../FormField/FormField\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport \"./ChipsSelect.css\";\n\nexport interface ChipsSelectProps<Option extends ChipOption>\n extends Omit<ChipsInputProps<Option>, \"after\"> {\n popupDirection?: \"top\" | \"bottom\";\n options?: Option[];\n filterFn?:\n | false\n | ((\n value?: string,\n option?: Option,\n getOptionLabel?: Pick<\n ChipsInputProps<Option>,\n \"getOptionLabel\"\n >[\"getOptionLabel\"]\n ) => boolean);\n /**\n * Возможность создавать чипы которых нет в списке (по enter или с помощью пункта в меню, см creatableText)\n */\n creatable?: boolean;\n /**\n * Отрисовка лоадера вместо списка опций в выпадающем списке\n */\n fetching?: boolean;\n renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n /**\n * Показывать или скрывать уже выбранные опции\n */\n showSelected?: boolean;\n /**\n * Текст для пункта создающего чипы при клике, так же отвечает за то будет ли показан этот пункт (показывается после того как в списке не отсанется опций)\n */\n creatableText?: string;\n /**\n * Текст который показывается если список опций пуст\n */\n emptyText?: string;\n /**\n * Событие срабатывающее перед onChange\n */\n onChangeStart?: (\n e: React.MouseEvent | React.KeyboardEvent,\n option: Option\n ) => void;\n /**\n * Закрытие выпадающего списка после выбора элемента\n */\n closeAfterSelect?: boolean;\n fixDropdownWidth?: boolean;\n forceDropdownPortal?: boolean;\n}\n\ntype FocusActionType = \"next\" | \"prev\";\n\nconst FOCUS_ACTION_NEXT: FocusActionType = \"next\";\nconst FOCUS_ACTION_PREV: FocusActionType = \"prev\";\n\nconst chipsSelectDefaultProps: ChipsSelectProps<any> = {\n ...chipsInputDefaultProps,\n emptyText: \"Ничего не найдено\",\n creatableText: \"Создать значение\",\n onChangeStart: noop,\n creatable: false,\n fetching: false,\n showSelected: true,\n closeAfterSelect: true,\n options: [],\n filterFn: defaultFilterFn,\n renderOption({ option, ...restProps }) {\n return <CustomSelectOption {...restProps} />;\n },\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsSelect\n */\nexport const ChipsSelect = <Option extends ChipOption>(\n props: ChipsSelectProps<Option>\n) => {\n const propsWithDefault = { ...chipsSelectDefaultProps, ...props };\n const {\n style,\n onFocus,\n onKeyDown,\n className,\n fetching,\n renderOption,\n emptyText,\n getRef,\n getRootRef,\n disabled,\n placeholder,\n tabIndex,\n getOptionValue,\n getOptionLabel,\n showSelected,\n getNewOptionData,\n renderChip,\n popupDirection,\n creatable,\n filterFn,\n inputValue,\n creatableText,\n closeAfterSelect,\n onChangeStart,\n before,\n options,\n fixDropdownWidth,\n forceDropdownPortal,\n ...restProps\n } = propsWithDefault;\n\n const { document } = useDOM();\n\n const [popperPlacement, setPopperPlacement] = React.useState<\n Placement | undefined\n >(undefined);\n\n const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n const rootRef = useExternRef(getRef);\n const {\n fieldValue,\n selectedOptions = [],\n opened,\n setOpened,\n addOptionFromInput,\n filteredOptions,\n addOption,\n handleInputChange,\n clearInput,\n focusedOption,\n setFocusedOption,\n focusedOptionIndex,\n setFocusedOptionIndex,\n } = useChipsSelect(propsWithDefault);\n\n const showCreatable = Boolean(\n creatable && creatableText && !filteredOptions.length && fieldValue\n );\n\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setOpened(true);\n setFocusedOptionIndex(0);\n onFocus!(e);\n };\n\n const handleClickOutside = (e: MouseEvent) => {\n if (\n e.target !== rootRef.current &&\n !rootRef.current?.contains(e.target as Node)\n ) {\n setOpened(false);\n }\n };\n\n const chipsSelectOptions = React.useRef<HTMLElement[]>([]).current;\n\n const scrollToElement = (index: number, center = false) => {\n const dropdown = scrollBoxRef.current;\n const item = chipsSelectOptions[index];\n\n if (!item || !dropdown) {\n return;\n }\n\n const dropdownHeight = dropdown.offsetHeight;\n const scrollTop = dropdown.scrollTop;\n const itemTop = item.offsetTop;\n const itemHeight = item.offsetHeight;\n\n if (center) {\n dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n } else if (itemTop < scrollTop) {\n dropdown.scrollTop = itemTop;\n }\n };\n\n const focusOptionByIndex = (index: number, oldIndex: number) => {\n const { length } = filteredOptions;\n\n if (index < 0) {\n index = length - 1;\n } else if (index >= length) {\n index = 0;\n }\n\n if (index === oldIndex) {\n return;\n }\n\n scrollToElement(index);\n setFocusedOptionIndex(index);\n };\n\n const focusOption = (nextIndex: number | null, type: FocusActionType) => {\n let index = typeof nextIndex !== \"number\" ? -1 : nextIndex;\n\n if (type === FOCUS_ACTION_NEXT) {\n index = index + 1;\n } else if (type === FOCUS_ACTION_PREV) {\n index = index - 1;\n }\n\n if (focusedOptionIndex != null) {\n focusOptionByIndex(index, focusedOptionIndex);\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown!(e);\n\n if (e.key === \"ArrowUp\" && !e.defaultPrevented) {\n e.preventDefault();\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n } else {\n focusOption(focusedOptionIndex, FOCUS_ACTION_PREV);\n }\n }\n\n if (e.key === \"ArrowDown\" && !e.defaultPrevented) {\n e.preventDefault();\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n } else {\n focusOption(focusedOptionIndex, FOCUS_ACTION_NEXT);\n }\n }\n\n if (\n e.key === \"Enter\" &&\n !e.defaultPrevented &&\n opened &&\n focusedOptionIndex != null\n ) {\n const option = filteredOptions[focusedOptionIndex];\n\n if (option) {\n onChangeStart!(e, option);\n\n if (!e.defaultPrevented) {\n addOption(option);\n setFocusedOptionIndex(null);\n clearInput();\n closeAfterSelect && setOpened(false);\n e.preventDefault();\n }\n } else if (!creatable) {\n e.preventDefault();\n }\n }\n\n if ([\"Escape\", \"Tab\"].includes(e.key) && !e.defaultPrevented && opened) {\n setOpened(false);\n }\n };\n\n React.useEffect(() => {\n if (focusedOptionIndex != null && filteredOptions[focusedOptionIndex]) {\n setFocusedOption(filteredOptions[focusedOptionIndex]);\n } else if (focusedOptionIndex === null || focusedOptionIndex === 0) {\n setFocusedOption(null);\n }\n }, [focusedOptionIndex, filteredOptions, setFocusedOption]);\n\n React.useEffect(() => {\n const index = focusedOption\n ? filteredOptions.findIndex(({ value }) => value === focusedOption.value)\n : -1;\n\n if (\n index === -1 &&\n !!filteredOptions.length &&\n !showCreatable &&\n closeAfterSelect\n ) {\n setFocusedOption(filteredOptions[0]);\n }\n }, [\n filteredOptions,\n focusedOption,\n showCreatable,\n closeAfterSelect,\n setFocusedOption,\n ]);\n\n useGlobalEventListener(document, \"click\", handleClickOutside);\n\n const renderChipWrapper = (\n renderChipProps: RenderChip<Option> | undefined\n ) => {\n if (renderChipProps === undefined) {\n return null;\n }\n const onRemoveWrapper = (\n e: React.MouseEvent | undefined,\n value: ChipValue | undefined\n ) => {\n e?.preventDefault();\n e?.stopPropagation();\n\n renderChipProps.onRemove?.(e, value);\n };\n\n return renderChip!({\n ...renderChipProps,\n onRemove: onRemoveWrapper,\n });\n };\n\n const isPopperDirectionTop = popperPlacement?.includes(\"top\");\n\n const onPlacementChange = React.useCallback(\n (placement?: Placement) => {\n setPopperPlacement(placement);\n },\n [setPopperPlacement]\n );\n\n const onDropdownMouseLeave = React.useCallback(() => {\n setFocusedOptionIndex(null);\n }, [setFocusedOptionIndex]);\n\n const observableRefs = React.useMemo(\n () => [scrollBoxRef, rootRef],\n [rootRef, scrollBoxRef]\n );\n\n const toggleOpened = () => {\n setOpened((prevOpened) => !prevOpened);\n };\n\n return (\n <React.Fragment>\n <FormField\n vkuiClass={classNames(\n \"ChipsSelect\",\n opened && \"Select--open\",\n opened &&\n (isPopperDirectionTop ? \"Select--pop-up\" : \"Select--pop-down\")\n )}\n getRootRef={rootRef}\n style={style}\n className={className}\n disabled={disabled}\n role=\"application\"\n aria-disabled={disabled}\n aria-readonly={restProps.readOnly}\n after={\n <IconButton\n vkuiClass=\"ChipsSelect__dropdown\"\n activeMode=\"\"\n hoverMode=\"\"\n // TODO: add label customization\n aria-label={opened ? \"Скрыть\" : \"Развернуть\"}\n onClick={toggleOpened}\n >\n <DropdownIcon vkuiClass=\"ChipsSelect__icon\" opened={opened} />\n </IconButton>\n }\n before={before}\n >\n <ChipsInputBase\n {...restProps}\n tabIndex={tabIndex}\n value={selectedOptions}\n inputValue={fieldValue}\n getNewOptionData={getNewOptionData}\n getOptionLabel={getOptionLabel}\n getOptionValue={getOptionValue}\n renderChip={renderChipWrapper}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n getRef={getRef}\n disabled={disabled}\n onInputChange={handleInputChange}\n />\n </FormField>\n {opened && (\n <CustomSelectDropdown\n targetRef={rootRef}\n placement={popupDirection}\n scrollBoxRef={scrollBoxRef}\n observableRefs={observableRefs}\n onPlacementChange={onPlacementChange}\n onMouseLeave={onDropdownMouseLeave}\n fetching={fetching}\n vkuiClass=\"ChipsSelect__options\"\n sameWidth={fixDropdownWidth}\n forcePortal={forceDropdownPortal}\n >\n {showCreatable && (\n <CustomSelectOption\n hovered={focusedOptionIndex === 0}\n onMouseDown={addOptionFromInput}\n onMouseEnter={() => setFocusedOptionIndex(0)}\n >\n {creatableText}\n </CustomSelectOption>\n )}\n {!filteredOptions?.length && !showCreatable && emptyText ? (\n <Caption vkuiClass=\"ChipsSelect__empty\">{emptyText}</Caption>\n ) : (\n filteredOptions.map((option: Option, index: number) => {\n const label = getOptionLabel!(option);\n const hovered =\n focusedOption &&\n getOptionValue!(option) === getOptionValue!(focusedOption);\n const selected = selectedOptions.find(\n (selectedOption: Option) => {\n return (\n getOptionValue!(selectedOption) === getOptionValue!(option)\n );\n }\n );\n const value = getOptionValue!(option);\n\n return (\n <React.Fragment key={`${typeof value}-${value}`}>\n {renderOption!({\n className: prefixClass(\"ChipsSelect__option\"),\n option,\n hovered: Boolean(hovered),\n children: label,\n selected: !!selected,\n getRootRef: (e) => {\n if (e) {\n return (chipsSelectOptions[index] = e);\n }\n return undefined;\n },\n onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => {\n onChangeStart?.(e, option);\n\n if (!e.defaultPrevented) {\n closeAfterSelect && setOpened(false);\n addOption(option);\n clearInput();\n }\n },\n onMouseEnter: () => setFocusedOptionIndex(index),\n })}\n </React.Fragment>\n );\n })\n )}\n </CustomSelectDropdown>\n )}\n </React.Fragment>\n );\n};\n"],"mappings":"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"}