@consta/uikit 5.13.0 → 5.15.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 (403) hide show
  1. package/FieldComponents/index.d.ts +1 -0
  2. package/FieldComponents/index.js +1 -0
  3. package/TextFieldCanary/index.d.ts +1 -0
  4. package/TextFieldCanary/index.js +1 -0
  5. package/__internal__/src/components/AutoComplete/helpers.d.ts +1 -1
  6. package/__internal__/src/components/AutoComplete/types.d.ts +1 -1
  7. package/__internal__/src/components/AutoComplete/types.js.map +1 -1
  8. package/__internal__/src/components/AutoComplete/useAutoComplete.d.ts +1 -1
  9. package/__internal__/src/components/AutoComplete/useAutoComplete.js +1 -1
  10. package/__internal__/src/components/AutoComplete/useAutoComplete.js.map +1 -1
  11. package/__internal__/src/components/AutoCompleteCanary/helpers.d.ts +1 -1
  12. package/__internal__/src/components/AutoCompleteCanary/types.d.ts +1 -1
  13. package/__internal__/src/components/AutoCompleteCanary/types.js.map +1 -1
  14. package/__internal__/src/components/AutoCompleteCanary/useAutoComplete.d.ts +1 -1
  15. package/__internal__/src/components/AutoCompleteCanary/useAutoComplete.js +1 -1
  16. package/__internal__/src/components/AutoCompleteCanary/useAutoComplete.js.map +1 -1
  17. package/__internal__/src/components/AvatarGroup/AvatarGroup.js.map +1 -1
  18. package/__internal__/src/components/Badge/Badge.css +1 -1
  19. package/__internal__/src/components/Badge/Badge.d.ts +2 -31
  20. package/__internal__/src/components/Badge/Badge.js +1 -1
  21. package/__internal__/src/components/Badge/Badge.js.map +1 -1
  22. package/__internal__/src/components/Badge/cn.d.ts +1 -0
  23. package/__internal__/src/components/Badge/cn.js +2 -0
  24. package/__internal__/src/components/Badge/cn.js.map +1 -0
  25. package/__internal__/src/components/Badge/guardStatus.d.ts +2 -0
  26. package/__internal__/src/components/Badge/guardStatus.js +2 -0
  27. package/__internal__/src/components/Badge/guardStatus.js.map +1 -0
  28. package/__internal__/src/components/Badge/index.d.ts +2 -0
  29. package/__internal__/src/components/Badge/index.js +1 -1
  30. package/__internal__/src/components/Badge/index.js.map +1 -1
  31. package/__internal__/src/components/Badge/maps.d.ts +9 -0
  32. package/__internal__/src/components/Badge/maps.js +2 -0
  33. package/__internal__/src/components/Badge/maps.js.map +1 -0
  34. package/__internal__/src/components/Badge/types.d.ts +31 -0
  35. package/__internal__/src/components/Badge/types.js +2 -0
  36. package/__internal__/src/components/Badge/types.js.map +1 -0
  37. package/__internal__/src/components/BadgeGroup/BadgeGroup.js +1 -1
  38. package/__internal__/src/components/BadgeGroup/BadgeGroup.js.map +1 -1
  39. package/__internal__/src/components/BadgeGroup/types.d.ts +4 -1
  40. package/__internal__/src/components/BadgeGroup/types.js.map +1 -1
  41. package/__internal__/src/components/BookmarkTabs/BookmarkTabs.js.map +1 -1
  42. package/__internal__/src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.css +1 -1
  43. package/__internal__/src/components/Checkbox/Checkbox.css +1 -1
  44. package/__internal__/src/components/CheckboxDeprecated/Checkbox.css +2 -2
  45. package/__internal__/src/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
  46. package/__internal__/src/components/Chips/types.d.ts +8 -2
  47. package/__internal__/src/components/Chips/types.js.map +1 -1
  48. package/__internal__/src/components/Collapse/types.d.ts +1 -1
  49. package/__internal__/src/components/Collapse/types.js.map +1 -1
  50. package/__internal__/src/components/Combobox/Combobox.js +1 -1
  51. package/__internal__/src/components/Combobox/Combobox.js.map +1 -1
  52. package/__internal__/src/components/Combobox/helpers.d.ts +2 -2
  53. package/__internal__/src/components/Combobox/helpers.js.map +1 -1
  54. package/__internal__/src/components/ComboboxDeprecated/ComboboxDeprecated.js +1 -1
  55. package/__internal__/src/components/ComboboxDeprecated/ComboboxDeprecated.js.map +1 -1
  56. package/__internal__/src/components/ContextMenu/ContextMenuLevel/ContextMenuLevel.js +1 -1
  57. package/__internal__/src/components/ContextMenu/ContextMenuLevel/ContextMenuLevel.js.map +1 -1
  58. package/__internal__/src/components/ContextMenu/ContextMenuLevelWrapper/ContextMenuLevelWrapper.js +1 -1
  59. package/__internal__/src/components/ContextMenu/ContextMenuLevelWrapper/ContextMenuLevelWrapper.js.map +1 -1
  60. package/__internal__/src/components/ContextMenu/ContextMenuWrapper/ContextMenuWrapper.css +1 -1
  61. package/__internal__/src/components/ContextMenu/ContextMenuWrapper/ContextMenuWrapper.js +1 -1
  62. package/__internal__/src/components/ContextMenu/ContextMenuWrapper/ContextMenuWrapper.js.map +1 -1
  63. package/__internal__/src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.css +1 -1
  64. package/__internal__/src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.js +1 -1
  65. package/__internal__/src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.js.map +1 -1
  66. package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js +1 -1
  67. package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js.map +1 -1
  68. package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.js +1 -1
  69. package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.js.map +1 -1
  70. package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js +1 -1
  71. package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js.map +1 -1
  72. package/__internal__/src/components/DateTime/DateTime10Years/DateTime10Years.css +1 -1
  73. package/__internal__/src/components/DateTime/DateTimeCell/DateTimeCell.css +1 -1
  74. package/__internal__/src/components/DateTime/DateTimeMonth/DateTimeMonth.css +1 -1
  75. package/__internal__/src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.css +1 -1
  76. package/__internal__/src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.js +1 -1
  77. package/__internal__/src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.js.map +1 -1
  78. package/__internal__/src/components/DateTime/DateTimeTimeColumn/useScrollToElement/useScrollToElement.js.map +1 -1
  79. package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.css +1 -1
  80. package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.js.map +1 -1
  81. package/__internal__/src/components/DateTime/DateTimeYear/DateTimeYear.css +1 -1
  82. package/__internal__/src/components/DateTime/helpers/getSliderValueRange.js +1 -1
  83. package/__internal__/src/components/DateTime/helpers/getSliderValueRange.js.map +1 -1
  84. package/__internal__/src/components/DragNDropField/DragNDropField.js +1 -1
  85. package/__internal__/src/components/DragNDropField/DragNDropField.js.map +1 -1
  86. package/__internal__/src/components/DragNDropField/formatAccept.js.map +1 -1
  87. package/__internal__/src/components/DragNDropField/locale.d.ts +1 -1
  88. package/__internal__/src/components/DragNDropField/locale.js +1 -1
  89. package/__internal__/src/components/DragNDropField/locale.js.map +1 -1
  90. package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldCanary.js +1 -1
  91. package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldCanary.js.map +1 -1
  92. package/__internal__/src/components/DragNDropFieldCanary/renderChildren.d.ts +3 -0
  93. package/__internal__/src/components/DragNDropFieldCanary/renderChildren.js +2 -0
  94. package/__internal__/src/components/DragNDropFieldCanary/renderChildren.js.map +1 -0
  95. package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js +1 -1
  96. package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js.map +1 -1
  97. package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.d.ts +2 -1
  98. package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.js.map +1 -1
  99. package/__internal__/src/components/FieldComponents/FieldComponents.d.ts +15 -0
  100. package/__internal__/src/components/FieldComponents/FieldComponents.js +2 -0
  101. package/__internal__/src/components/FieldComponents/FieldComponents.js.map +1 -0
  102. package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.css +1 -1
  103. package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.js +1 -1
  104. package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.js.map +1 -1
  105. package/__internal__/src/components/FieldComponents/FieldControlLayout/helpers.js.map +1 -1
  106. package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js +1 -1
  107. package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js.map +1 -1
  108. package/__internal__/src/components/FieldComponents/index.d.ts +1 -15
  109. package/__internal__/src/components/FieldComponents/index.js +1 -1
  110. package/__internal__/src/components/FieldComponents/index.js.map +1 -1
  111. package/__internal__/src/components/Grid/helpers.js.map +1 -1
  112. package/__internal__/src/components/Informer/Informer.css +1 -1
  113. package/__internal__/src/components/Informer/Informer.d.ts +1 -1
  114. package/__internal__/src/components/Informer/Informer.js +1 -1
  115. package/__internal__/src/components/Informer/Informer.js.map +1 -1
  116. package/__internal__/src/components/Layout/useFixed.js +1 -1
  117. package/__internal__/src/components/Layout/useFixed.js.map +1 -1
  118. package/__internal__/src/components/ListCanary/ListAddItem/ListAddItem.js +1 -1
  119. package/__internal__/src/components/ListCanary/ListAddItem/ListAddItem.js.map +1 -1
  120. package/__internal__/src/components/ListCanary/ListBox/ListBox.js +1 -1
  121. package/__internal__/src/components/ListCanary/ListBox/ListBox.js.map +1 -1
  122. package/__internal__/src/components/ListCanary/ListBox/index.d.ts +1 -1
  123. package/__internal__/src/components/ListCanary/ListBox/index.js +1 -1
  124. package/__internal__/src/components/ListCanary/ListBox/index.js.map +1 -1
  125. package/__internal__/src/components/ListCanary/ListBox/{mapVerticalSpase.d.ts → mapVerticalSpace.d.ts} +1 -1
  126. package/__internal__/src/components/ListCanary/ListBox/mapVerticalSpace.js +2 -0
  127. package/__internal__/src/components/ListCanary/ListBox/mapVerticalSpace.js.map +1 -0
  128. package/__internal__/src/components/ListCanary/ListCanary.js +1 -1
  129. package/__internal__/src/components/ListCanary/ListCanary.js.map +1 -1
  130. package/__internal__/src/components/ListCanary/ListDivider/ListDivider.js +1 -1
  131. package/__internal__/src/components/ListCanary/ListDivider/ListDivider.js.map +1 -1
  132. package/__internal__/src/components/ListCanary/ListGroupLabel/ListGroupLabel.js +1 -1
  133. package/__internal__/src/components/ListCanary/ListGroupLabel/ListGroupLabel.js.map +1 -1
  134. package/__internal__/src/components/ListCanary/ListItem/ListItem.js +1 -1
  135. package/__internal__/src/components/ListCanary/ListItem/ListItem.js.map +1 -1
  136. package/__internal__/src/components/ListCanary/ListLoader/ListLoader.js +1 -1
  137. package/__internal__/src/components/ListCanary/ListLoader/ListLoader.js.map +1 -1
  138. package/__internal__/src/components/ListCanary/helper.d.ts +3 -3
  139. package/__internal__/src/components/ListCanary/maps.d.ts +4 -4
  140. package/__internal__/src/components/ListCanary/maps.js +1 -1
  141. package/__internal__/src/components/ListCanary/maps.js.map +1 -1
  142. package/__internal__/src/components/ListCanary/renderHeader.d.ts +1 -1
  143. package/__internal__/src/components/ListCanary/renderHeader.js.map +1 -1
  144. package/__internal__/src/components/ListCanary/types.d.ts +3 -3
  145. package/__internal__/src/components/ListCanary/types.js.map +1 -1
  146. package/__internal__/src/components/Pagination/Pagination.js.map +1 -1
  147. package/__internal__/src/components/Pagination/PaginationList/PaginationList.css +1 -1
  148. package/__internal__/src/components/Pagination/PaginationList/PaginationList.js +1 -1
  149. package/__internal__/src/components/Pagination/PaginationList/PaginationList.js.map +1 -1
  150. package/__internal__/src/components/Pagination/helpers.js.map +1 -1
  151. package/__internal__/src/components/Pagination/usePaginationItems.js.map +1 -1
  152. package/__internal__/src/components/Popover/Popover.d.ts +2 -1
  153. package/__internal__/src/components/Popover/Popover.js +1 -1
  154. package/__internal__/src/components/Popover/Popover.js.map +1 -1
  155. package/__internal__/src/components/Popover/helpers.d.ts +1 -1
  156. package/__internal__/src/components/Popover/helpers.js +1 -1
  157. package/__internal__/src/components/Popover/helpers.js.map +1 -1
  158. package/__internal__/src/components/Popover/usePopoverReposition.d.ts +2 -2
  159. package/__internal__/src/components/Popover/usePopoverReposition.js.map +1 -1
  160. package/__internal__/src/components/PortalWithTheme/PortalWithTheme.js.map +1 -1
  161. package/__internal__/src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.d.ts +4 -4
  162. package/__internal__/src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.js.map +1 -1
  163. package/__internal__/src/components/ProgressLine/helpers.js.map +1 -1
  164. package/__internal__/src/components/ProgressLine/types.d.ts +2 -2
  165. package/__internal__/src/components/ProgressLine/types.js.map +1 -1
  166. package/__internal__/src/components/ProgressStepBar/helpers.d.ts +3 -3
  167. package/__internal__/src/components/ProgressStepBar/helpers.js.map +1 -1
  168. package/__internal__/src/components/Select/helpers.d.ts +2 -2
  169. package/__internal__/src/components/Select/helpers.js.map +1 -1
  170. package/__internal__/src/components/SelectComponents/SelectDropdown/SelectDropdown.d.ts +3 -3
  171. package/__internal__/src/components/SelectComponents/SelectDropdown/SelectDropdown.js +1 -1
  172. package/__internal__/src/components/SelectComponents/SelectDropdown/SelectDropdown.js.map +1 -1
  173. package/__internal__/src/components/SelectComponents/helpers.d.ts +2 -2
  174. package/__internal__/src/components/SelectComponents/helpers.js +1 -1
  175. package/__internal__/src/components/SelectComponents/helpers.js.map +1 -1
  176. package/__internal__/src/components/SelectComponents/useSelect/useSelect.d.ts +1 -1
  177. package/__internal__/src/components/SelectComponents/useSelect/useSelect.js +1 -1
  178. package/__internal__/src/components/SelectComponents/useSelect/useSelect.js.map +1 -1
  179. package/__internal__/src/components/SelectComponentsDeprecated/SelectDropdown/SelectDropdown.d.ts +2 -2
  180. package/__internal__/src/components/SelectComponentsDeprecated/SelectDropdown/SelectDropdown.js +1 -1
  181. package/__internal__/src/components/SelectComponentsDeprecated/SelectDropdown/SelectDropdown.js.map +1 -1
  182. package/__internal__/src/components/SelectComponentsDeprecated/helpers.d.ts +2 -2
  183. package/__internal__/src/components/SelectComponentsDeprecated/helpers.js +1 -1
  184. package/__internal__/src/components/SelectComponentsDeprecated/helpers.js.map +1 -1
  185. package/__internal__/src/components/Slider/Slider.js +1 -1
  186. package/__internal__/src/components/Slider/Slider.js.map +1 -1
  187. package/__internal__/src/components/Slider/helper.d.ts +6 -6
  188. package/__internal__/src/components/Slider/helper.js +1 -1
  189. package/__internal__/src/components/Slider/helper.js.map +1 -1
  190. package/__internal__/src/components/Slider/useSlider/helper.d.ts +2 -2
  191. package/__internal__/src/components/Slider/useSlider/helper.js +1 -1
  192. package/__internal__/src/components/Slider/useSlider/helper.js.map +1 -1
  193. package/__internal__/src/components/Slider/useSlider/useSlider.js +1 -1
  194. package/__internal__/src/components/Slider/useSlider/useSlider.js.map +1 -1
  195. package/__internal__/src/components/Slider/useSliderStationing.js.map +1 -1
  196. package/__internal__/src/components/SnackBar/SnackBar.js +1 -1
  197. package/__internal__/src/components/SnackBar/SnackBar.js.map +1 -1
  198. package/__internal__/src/components/SnackBar/SnackBarActionButton/SnackBarActionButton.js +1 -1
  199. package/__internal__/src/components/SnackBar/SnackBarActionButton/SnackBarActionButton.js.map +1 -1
  200. package/__internal__/src/components/SnackBar/SnackBarActionButton/index.d.ts +1 -0
  201. package/__internal__/src/components/SnackBar/SnackBarActionButton/index.js +2 -0
  202. package/__internal__/src/components/SnackBar/SnackBarActionButton/index.js.map +1 -0
  203. package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.css +1 -1
  204. package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.d.ts +0 -1
  205. package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.js +1 -1
  206. package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.js.map +1 -1
  207. package/__internal__/src/components/SnackBar/SnackBarItem/index.d.ts +1 -0
  208. package/__internal__/src/components/SnackBar/SnackBarItem/index.js +2 -0
  209. package/__internal__/src/components/SnackBar/SnackBarItem/index.js.map +1 -0
  210. package/__internal__/src/components/SnackBar/SnackBarLine/SnackBarLine.js.map +1 -1
  211. package/__internal__/src/components/SnackBar/SnackBarLine/index.d.ts +1 -0
  212. package/__internal__/src/components/SnackBar/SnackBarLine/index.js +2 -0
  213. package/__internal__/src/components/SnackBar/SnackBarLine/index.js.map +1 -0
  214. package/__internal__/src/components/SnackBar/SnackBarProgress/SnackBarProgress.css +1 -0
  215. package/__internal__/src/components/SnackBar/SnackBarProgress/SnackBarProgress.d.ts +4 -0
  216. package/__internal__/src/components/SnackBar/SnackBarProgress/SnackBarProgress.js +2 -0
  217. package/__internal__/src/components/SnackBar/SnackBarProgress/SnackBarProgress.js.map +1 -0
  218. package/__internal__/src/components/SnackBar/SnackBarProgress/index.d.ts +1 -0
  219. package/__internal__/src/components/SnackBar/SnackBarProgress/index.js +2 -0
  220. package/__internal__/src/components/SnackBar/SnackBarProgress/index.js.map +1 -0
  221. package/__internal__/src/components/SnackBar/SnackBarTimer/SnackBarTimer.js +1 -1
  222. package/__internal__/src/components/SnackBar/SnackBarTimer/SnackBarTimer.js.map +1 -1
  223. package/__internal__/src/components/SnackBar/SnackBarTimer/index.d.ts +1 -0
  224. package/__internal__/src/components/SnackBar/SnackBarTimer/index.js +2 -0
  225. package/__internal__/src/components/SnackBar/SnackBarTimer/index.js.map +1 -0
  226. package/__internal__/src/components/SnackBar/helper.d.ts +4 -1
  227. package/__internal__/src/components/SnackBar/helper.js +1 -1
  228. package/__internal__/src/components/SnackBar/helper.js.map +1 -1
  229. package/__internal__/src/components/SnackBar/types.d.ts +15 -0
  230. package/__internal__/src/components/SnackBar/types.js +1 -1
  231. package/__internal__/src/components/SnackBar/types.js.map +1 -1
  232. package/__internal__/src/components/Spoiler/types.d.ts +4 -4
  233. package/__internal__/src/components/Spoiler/types.js +1 -1
  234. package/__internal__/src/components/Spoiler/types.js.map +1 -1
  235. package/__internal__/src/components/Steps/Steps.d.ts +2 -2
  236. package/__internal__/src/components/Steps/Steps.js.map +1 -1
  237. package/__internal__/src/components/Steps/StepsStep/StepsStep.js +1 -1
  238. package/__internal__/src/components/Steps/StepsStep/StepsStep.js.map +1 -1
  239. package/__internal__/src/components/Steps/types.d.ts +1 -1
  240. package/__internal__/src/components/Steps/types.js.map +1 -1
  241. package/__internal__/src/components/Table/Header/TableHeader.js +1 -1
  242. package/__internal__/src/components/Table/Header/TableHeader.js.map +1 -1
  243. package/__internal__/src/components/Table/Resizer/TableResizer.js.map +1 -1
  244. package/__internal__/src/components/Table/Table.css +1 -1
  245. package/__internal__/src/components/Table/Table.js +1 -1
  246. package/__internal__/src/components/Table/Table.js.map +1 -1
  247. package/__internal__/src/components/Table/__mock__/data.mock.d.ts +1 -1
  248. package/__internal__/src/components/Table/__mock__/data.mock.js +1 -1
  249. package/__internal__/src/components/Table/__mock__/data.mock.js.map +1 -1
  250. package/__internal__/src/components/Table/helpers.d.ts +2 -2
  251. package/__internal__/src/components/Table/helpers.js +1 -1
  252. package/__internal__/src/components/Table/helpers.js.map +1 -1
  253. package/__internal__/src/components/Tabs/TabsFitModeScrollWrapper/__test__/helpers.test.js +1 -1
  254. package/__internal__/src/components/Tabs/TabsFitModeScrollWrapper/__test__/helpers.test.js.map +1 -1
  255. package/__internal__/src/components/TagBase/TagBase.css +1 -1
  256. package/__internal__/src/components/TextField/TextField.js +1 -1
  257. package/__internal__/src/components/TextField/TextField.js.map +1 -1
  258. package/__internal__/src/components/TextField/helpers.d.ts +1 -1
  259. package/__internal__/src/components/TextField/helpers.js.map +1 -1
  260. package/__internal__/src/components/TextFieldCanary/{TextField.js → TextFieldCanary.js} +1 -1
  261. package/__internal__/src/components/TextFieldCanary/TextFieldCanary.js.map +1 -0
  262. package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.js +1 -1
  263. package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.js.map +1 -1
  264. package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.js +1 -1
  265. package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.js.map +1 -1
  266. package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js +1 -1
  267. package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js.map +1 -1
  268. package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.css +3 -3
  269. package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.js +1 -1
  270. package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.js.map +1 -1
  271. package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.css +1 -1
  272. package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.js +1 -1
  273. package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.js.map +1 -1
  274. package/__internal__/src/components/TextFieldCanary/index.d.ts +1 -1
  275. package/__internal__/src/components/TextFieldCanary/index.js +1 -1
  276. package/__internal__/src/components/TextFieldCanary/index.js.map +1 -1
  277. package/__internal__/src/components/TextFieldCanary/types.d.ts +1 -0
  278. package/__internal__/src/components/TextFieldCanary/types.js.map +1 -1
  279. package/__internal__/src/components/UserSelect/UserSelect.js +1 -1
  280. package/__internal__/src/components/UserSelect/UserSelect.js.map +1 -1
  281. package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.js +1 -1
  282. package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.js.map +1 -1
  283. package/__internal__/src/components/UserSelect/helpers.d.ts +2 -2
  284. package/__internal__/src/components/UserSelect/helpers.js.map +1 -1
  285. package/__internal__/src/components/UserSelectDeprecated/UserSelectDeprecated.js +1 -1
  286. package/__internal__/src/components/UserSelectDeprecated/UserSelectDeprecated.js.map +1 -1
  287. package/__internal__/src/components/UserSelectDeprecated/UserSelectItem/UserSelectItem.js +1 -1
  288. package/__internal__/src/components/UserSelectDeprecated/UserSelectItem/UserSelectItem.js.map +1 -1
  289. package/__internal__/src/hocs/withTooltip/withTooltip.js.map +1 -1
  290. package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/addPrefix.js.map +1 -1
  291. package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/getLastPoint.js.map +1 -1
  292. package/__internal__/src/hooks/useBreakpointsDeprecated/index.d.ts +3 -0
  293. package/__internal__/src/hooks/useBreakpointsDeprecated/index.js +2 -0
  294. package/__internal__/src/hooks/useBreakpointsDeprecated/index.js.map +1 -0
  295. package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/mapping.js.map +1 -1
  296. package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/types.js.map +1 -1
  297. package/__internal__/src/hooks/useBreakpointsDeprecated/useBreakpointsDeprecated.d.ts +2 -0
  298. package/__internal__/src/hooks/useBreakpointsDeprecated/useBreakpointsDeprecated.js +2 -0
  299. package/__internal__/src/hooks/useBreakpointsDeprecated/useBreakpointsDeprecated.js.map +1 -0
  300. package/__internal__/src/hooks/useBreakpointsDepricated/index.d.ts +0 -2
  301. package/__internal__/src/hooks/useBreakpointsDepricated/index.js +1 -1
  302. package/__internal__/src/hooks/useBreakpointsDepricated/index.js.map +1 -1
  303. package/__internal__/src/hooks/useBreakpointsDepricated/useBreakpointsDepricated.d.ts +1 -2
  304. package/__internal__/src/hooks/useBreakpointsDepricated/useBreakpointsDepricated.js +1 -1
  305. package/__internal__/src/hooks/useBreakpointsDepricated/useBreakpointsDepricated.js.map +1 -1
  306. package/__internal__/src/hooks/useChoiceGroup/useChoiceGroup.js.map +1 -1
  307. package/__internal__/src/hooks/useClickOutside/useClickOutside.js.map +1 -1
  308. package/__internal__/src/hooks/useComponentBreakpointsDeprecated/index.d.ts +2 -0
  309. package/__internal__/src/hooks/useComponentBreakpointsDeprecated/index.js +2 -0
  310. package/__internal__/src/hooks/useComponentBreakpointsDeprecated/index.js.map +1 -0
  311. package/__internal__/src/hooks/useComponentBreakpointsDeprecated/useComponentBreakpointsDeprecated.d.ts +2 -0
  312. package/__internal__/src/hooks/useComponentBreakpointsDeprecated/useComponentBreakpointsDeprecated.js +2 -0
  313. package/__internal__/src/hooks/useComponentBreakpointsDeprecated/useComponentBreakpointsDeprecated.js.map +1 -0
  314. package/__internal__/src/hooks/useComponentBreakpointsDepricated/index.d.ts +0 -1
  315. package/__internal__/src/hooks/useComponentBreakpointsDepricated/index.js +1 -1
  316. package/__internal__/src/hooks/useComponentBreakpointsDepricated/index.js.map +1 -1
  317. package/__internal__/src/hooks/useComponentBreakpointsDepricated/useComponentBreakpointsDepricated.d.ts +1 -2
  318. package/__internal__/src/hooks/useComponentBreakpointsDepricated/useComponentBreakpointsDepricated.js +1 -1
  319. package/__internal__/src/hooks/useComponentBreakpointsDepricated/useComponentBreakpointsDepricated.js.map +1 -1
  320. package/__internal__/src/hooks/useHideElementsInLineDeprecated/index.d.ts +1 -0
  321. package/__internal__/src/hooks/useHideElementsInLineDeprecated/index.js +2 -0
  322. package/__internal__/src/hooks/useHideElementsInLineDeprecated/index.js.map +1 -0
  323. package/__internal__/src/hooks/useHideElementsInLineDeprecated/useHideElementsInLineDeprecated.d.ts +10 -0
  324. package/__internal__/src/hooks/useHideElementsInLineDeprecated/useHideElementsInLineDeprecated.js +2 -0
  325. package/__internal__/src/hooks/useHideElementsInLineDeprecated/useHideElementsInLineDeprecated.js.map +1 -0
  326. package/__internal__/src/hooks/useHideElementsInLineDepricated/index.js.map +1 -1
  327. package/__internal__/src/hooks/useHideElementsInLineDepricated/useHideElementsInLineDepricated.d.ts +1 -10
  328. package/__internal__/src/hooks/useHideElementsInLineDepricated/useHideElementsInLineDepricated.js +1 -1
  329. package/__internal__/src/hooks/useHideElementsInLineDepricated/useHideElementsInLineDepricated.js.map +1 -1
  330. package/__internal__/src/hooks/useKeysDeprecated/index.d.ts +1 -0
  331. package/__internal__/src/hooks/useKeysDeprecated/index.js +2 -0
  332. package/__internal__/src/hooks/useKeysDeprecated/index.js.map +1 -0
  333. package/__internal__/src/hooks/useKeysDeprecated/useKeysDeprecated.d.ts +18 -0
  334. package/__internal__/src/hooks/useKeysDeprecated/useKeysDeprecated.js +2 -0
  335. package/__internal__/src/hooks/useKeysDeprecated/useKeysDeprecated.js.map +1 -0
  336. package/__internal__/src/hooks/useKeysDepricated/index.js.map +1 -1
  337. package/__internal__/src/hooks/useKeysDepricated/useKeysDepricated.d.ts +1 -18
  338. package/__internal__/src/hooks/useKeysDepricated/useKeysDepricated.js +1 -1
  339. package/__internal__/src/hooks/useKeysDepricated/useKeysDepricated.js.map +1 -1
  340. package/__internal__/src/hooks/useResizableContent/helpers.d.ts +1 -1
  341. package/__internal__/src/hooks/useResizableContent/helpers.js +1 -1
  342. package/__internal__/src/hooks/useResizableContent/helpers.js.map +1 -1
  343. package/__internal__/src/hooks/useResizableContent/useResizableContent.js +1 -1
  344. package/__internal__/src/hooks/useResizableContent/useResizableContent.js.map +1 -1
  345. package/__internal__/src/hooks/useSelect/useSelect.d.ts +1 -1
  346. package/__internal__/src/hooks/useSelect/useSelect.js +1 -1
  347. package/__internal__/src/hooks/useSelect/useSelect.js.map +1 -1
  348. package/__internal__/src/hooks/useVirtualScroll/helpers.js +2 -0
  349. package/__internal__/src/hooks/useVirtualScroll/helpers.js.map +1 -0
  350. package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.d.ts +1 -1
  351. package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.js +1 -1
  352. package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.js.map +1 -1
  353. package/__internal__/src/mixs/MixPopoverAnimate/MixPopoverAnimate.css +1 -1
  354. package/__internal__/src/uiKit/components/ThemePreview/ThemePreview.js +1 -1
  355. package/__internal__/src/uiKit/components/ThemePreview/ThemePreview.js.map +1 -1
  356. package/__internal__/src/uiKit/components/ThemePreview/helpers.d.ts +4 -4
  357. package/__internal__/src/uiKit/components/ThemePreview/helpers.js +1 -1
  358. package/__internal__/src/uiKit/components/ThemePreview/helpers.js.map +1 -1
  359. package/__internal__/src/utils/date/index.d.ts +1 -1
  360. package/__internal__/src/utils/date/index.js +1 -1
  361. package/__internal__/src/utils/date/index.js.map +1 -1
  362. package/__internal__/src/utils/date/isDisableDate.js +1 -1
  363. package/__internal__/src/utils/date/isDisableDate.js.map +1 -1
  364. package/__internal__/src/utils/date/{isInMinMaxDade.js → isInMinMaxDate.js} +1 -1
  365. package/__internal__/src/utils/date/{isInMinMaxDade.js.map → isInMinMaxDate.js.map} +1 -1
  366. package/__internal__/src/utils/getGroups.d.ts +3 -3
  367. package/__internal__/src/utils/getGroups.js +1 -1
  368. package/__internal__/src/utils/getGroups.js.map +1 -1
  369. package/__internal__/src/utils/types/AutoComplete.js.map +1 -1
  370. package/__internal__/src/utils/types/KeyCode.d.ts +3 -3
  371. package/__internal__/src/utils/types/KeyCode.js.map +1 -1
  372. package/package.json +1 -1
  373. package/useBreakpointsDeprecated/index.d.ts +1 -0
  374. package/useBreakpointsDeprecated/index.js +1 -0
  375. package/useComponentBreakpointsDeprecated/index.d.ts +1 -0
  376. package/useComponentBreakpointsDeprecated/index.js +1 -0
  377. package/useHideElementsInLineDeprecated/index.d.ts +1 -0
  378. package/useHideElementsInLineDeprecated/index.js +1 -0
  379. package/useKeysDeprecated/index.d.ts +1 -0
  380. package/useKeysDeprecated/index.js +1 -0
  381. package/__internal__/src/components/DragNDropFieldCanary/renderCildren.d.ts +0 -3
  382. package/__internal__/src/components/DragNDropFieldCanary/renderCildren.js +0 -2
  383. package/__internal__/src/components/DragNDropFieldCanary/renderCildren.js.map +0 -1
  384. package/__internal__/src/components/ListCanary/ListBox/mapVerticalSpase.js +0 -2
  385. package/__internal__/src/components/ListCanary/ListBox/mapVerticalSpase.js.map +0 -1
  386. package/__internal__/src/components/TextFieldCanary/TextField.js.map +0 -1
  387. package/__internal__/src/hooks/useVirtualScroll/hellpers.js +0 -2
  388. package/__internal__/src/hooks/useVirtualScroll/hellpers.js.map +0 -1
  389. package/__internal__/src/uiKit/components/StoryBookExample/StoryBookExample.css +0 -1
  390. package/__internal__/src/uiKit/components/StoryBookExample/StoryBookExample.d.ts +0 -6
  391. package/__internal__/src/uiKit/components/StoryBookExample/StoryBookExample.js +0 -2
  392. package/__internal__/src/uiKit/components/StoryBookExample/StoryBookExample.js.map +0 -1
  393. /package/__internal__/src/components/TextFieldCanary/{TextField.d.ts → TextFieldCanary.d.ts} +0 -0
  394. /package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/addPrefix.d.ts +0 -0
  395. /package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/addPrefix.js +0 -0
  396. /package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/getLastPoint.d.ts +0 -0
  397. /package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/getLastPoint.js +0 -0
  398. /package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/mapping.d.ts +0 -0
  399. /package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/mapping.js +0 -0
  400. /package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/types.d.ts +0 -0
  401. /package/__internal__/src/hooks/{useBreakpointsDepricated → useBreakpointsDeprecated}/types.js +0 -0
  402. /package/__internal__/src/hooks/useVirtualScroll/{hellpers.d.ts → helpers.d.ts} +0 -0
  403. /package/__internal__/src/utils/date/{isInMinMaxDade.d.ts → isInMinMaxDate.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/hooks/useKeysDepricated/index.ts"],"sourcesContent":["export * from './useKeysDepricated';\n"],"mappings":"AAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/hooks/useKeysDepricated/index.ts"],"sourcesContent":["/* cspell:disable-next-line */\nexport * from './useKeysDepricated';\n"],"mappings":"AACA"}
@@ -1,18 +1 @@
1
- /// <reference types="react" />
2
- export declare type KeyHandler = (prop: Record<string, unknown>, e: React.KeyboardEvent) => void;
3
- export declare type KeyProps = {
4
- onKeyDown?: (e: React.KeyboardEvent) => void;
5
- onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
6
- onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
7
- onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
8
- onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
9
- };
10
- export declare type UserKeysProps = {
11
- [key: string]: (prop: {
12
- keyCode: number;
13
- key: string;
14
- shift: boolean;
15
- meta: boolean;
16
- }, e: React.KeyboardEvent<Element>) => void;
17
- };
18
- export declare const useKeys: (userKeys: UserKeysProps) => (rest?: KeyProps) => KeyProps;
1
+ export * from '../useKeysDeprecated';
@@ -1,2 +1,2 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var useKeys=function(a){return function(b){return _objectSpread(_objectSpread({},b),{},{onKeyDown:function onKeyDown(c){var d=c.keyCode,e=c.key,f=c.shiftKey,g=c.metaKey,h=a[e]||a[d];"function"==typeof h&&h({keyCode:d,key:e,shift:f,meta:g},c),"function"==typeof(null===b||void 0===b?void 0:b.onKeyDown)&&b.onKeyDown(c)}})}};
1
+ export*from"../useKeysDeprecated";
2
2
  //# sourceMappingURL=useKeysDepricated.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useKeysDepricated.js","names":["useKeys","userKeys","rest","onKeyDown","e","keyCode","key","shift","shiftKey","meta","metaKey","handler"],"sources":["../../../../../src/hooks/useKeysDepricated/useKeysDepricated.tsx"],"sourcesContent":["export type KeyHandler = (\n prop: Record<string, unknown>,\n e: React.KeyboardEvent,\n) => void;\n\nexport type KeyProps = {\n onKeyDown?: (e: React.KeyboardEvent) => void;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;\n onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n};\n\nexport type UserKeysProps = {\n [key: string]: (\n prop: { keyCode: number; key: string; shift: boolean; meta: boolean },\n e: React.KeyboardEvent<Element>,\n ) => void;\n};\n\nexport const useKeys = (userKeys: UserKeysProps) => {\n return (rest?: KeyProps): KeyProps => {\n return {\n ...rest,\n onKeyDown: (e: React.KeyboardEvent): void => {\n const { keyCode, key, shiftKey: shift, metaKey: meta } = e;\n const handler = userKeys[key] || userKeys[keyCode];\n if (typeof handler === 'function') {\n handler(\n {\n keyCode,\n key,\n shift,\n meta,\n },\n e,\n );\n }\n if (typeof rest?.onKeyDown === 'function') {\n rest.onKeyDown(e);\n }\n },\n };\n };\n};\n"],"mappings":"qqBAoBA,MAAO,IAAMA,QAAO,CAAG,SAACC,CAAD,CAA6B,CAClD,MAAO,UAACC,CAAD,CAA+B,CACpC,sCACKA,CADL,MAEEC,SAAS,CAAE,mBAACC,CAAD,CAAkC,IACnCC,EADmC,CACcD,CADd,CACnCC,OADmC,CAC1BC,CAD0B,CACcF,CADd,CAC1BE,GAD0B,CACXC,CADW,CACcH,CADd,CACrBI,QADqB,CACKC,CADL,CACcL,CADd,CACJM,OADI,CAErCC,CAAO,CAAGV,CAAQ,CAACK,CAAD,CAAR,EAAiBL,CAAQ,CAACI,CAAD,CAFE,CAGpB,UAAnB,QAAOM,EAHgC,EAIzCA,CAAO,CACL,CACEN,OAAO,CAAPA,CADF,CAEEC,GAAG,CAAHA,CAFF,CAGEC,KAAK,CAALA,CAHF,CAIEE,IAAI,CAAJA,CAJF,CADK,CAOLL,CAPK,CAJkC,CAcZ,UAA3B,gBAAOF,CAAP,WAAOA,CAAP,QAAOA,CAAI,CAAEC,SAAb,CAduC,EAezCD,CAAI,CAACC,SAAL,CAAeC,CAAf,CAEH,CAnBH,EAqBD,CACF,CAxBM"}
1
+ {"version":3,"file":"useKeysDepricated.js","names":[],"sources":["../../../../../src/hooks/useKeysDepricated/useKeysDepricated.ts"],"sourcesContent":["export * from '../useKeysDeprecated';\n"],"mappings":"AAAA"}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { UseResizableContentPropDirection, UseResizableContentRef, UseResizableContentSize } from './types';
3
3
  export declare const getRefsSizes: (refs: Array<UseResizableContentRef | React.RefObject<HTMLElement>>, direction: UseResizableContentPropDirection) => UseResizableContentSize[];
4
- export declare const getCalcaulatedSizes: (params: {
4
+ export declare const getCalculatedSizes: (params: {
5
5
  event: MouseEvent | TouchEvent | Event;
6
6
  index: number;
7
7
  direction: UseResizableContentPropDirection;
@@ -1,2 +1,2 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{trackPosition}from"../../components/Slider/useSlider/helper";export var getRefsSizes=function(a,b){return a.map(function(a){var c=Object.prototype.hasOwnProperty.call(a,"current")?a:a.ref;if(c.current){var d=c.current.getBoundingClientRect(),e=d.width,f=d.height;return{width:"horizontal"===b?e:void 0,height:"horizontal"===b?void 0:f}}return{width:void 0,height:void 0}})};var getTargetBlockPosition=function(a,b,c){return a.slice(0,c).map(function(a){var c;return null!==(c="horizontal"===b?a.width:a.height)&&void 0!==c?c:0}).reduce(function(b,c){return(null!==b&&void 0!==b?b:0)+(null!==c&&void 0!==c?c:0)},0)},getNonCalcualtedSize=function(a,b,c){return a.filter(function(a,b){return c!==b&&c+1!==b}).map(function(a){var c;return null!==(c="horizontal"===b?a.width:a.height)&&void 0!==c?c:0}).reduce(function(b,c){return(null!==b&&void 0!==b?b:0)+(null!==c&&void 0!==c?c:0)},0)},getBlockMaxSizes=function(a,b,c){if(!Object.prototype.hasOwnProperty.call(a[c],"current")){var d=a[c];return["horizontal"===b?d.minWidth:d.minHeight,"horizontal"===b?d.maxWidth:d.maxHeight]}return[void 0,void 0]},getValidValues=function(a){var b=a.value,c=a.index,d=a.direction,e=a.blocks,f=a.sizes,g=a.containerHeight,h=a.containerWidth,i=("horizontal"===d?h:g)-getNonCalcualtedSize(f,d,c),j=getBlockMaxSizes(e,d,c),k=getBlockMaxSizes(e,d,c+1),l=[b,i-b],m=i-b;if(0>b||j[0]&&b<j[0]){var n,o=null!==(n=j[0])&&void 0!==n?n:0;l=[o,i-o]}if(b>i||j[1]&&b>j[1]){var p,q=null!==(p=j[1])&&void 0!==p?p:i;l=[q,i-q]}if(k[0]&&m<k[0]){var r,s=null!==(r=k[0])&&void 0!==r?r:0;l=[i-s,s]}if(k[1]&&m>k[1]){var t,u=null!==(t=k[1])&&void 0!==t?t:i;l=[i-u,u]}return l};export var getCalcaulatedSizes=function(a){var b=a.event,c=a.index,d=a.sizes,e=a.container,f=a.direction,g=a.blocks,h=trackPosition(b);if(h){var i,j,k=null!==(i=null===(j=e.current)||void 0===j?void 0:j.getBoundingClientRect())&&void 0!==i?i:{left:0,top:0},l=k.left,m=k.top,n=k.width,o=k.height,p=getTargetBlockPosition(d,f,c),q="horizontal"===f?h.x-l-p:h.y-m-p,r=getValidValues({value:q,index:c,containerHeight:null!==o&&void 0!==o?o:0,containerWidth:null!==n&&void 0!==n?n:0,sizes:d,blocks:g,direction:f}),s=_slicedToArray(r,2),t=s[0],u=s[1];return[{width:"horizontal"===f?t:d[c].width,height:"horizontal"===f?d[c].height:t},{width:"horizontal"===f?u:d[c+1].width,height:"horizontal"===f?d[c+1].height:u}]}return[d[c],d[c+1]]};
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{trackPosition}from"../../components/Slider/useSlider/helper";export var getRefsSizes=function(a,b){return a.map(function(a){var c=Object.prototype.hasOwnProperty.call(a,"current")?a:a.ref;if(c.current){var d=c.current.getBoundingClientRect(),e=d.width,f=d.height;return{width:"horizontal"===b?e:void 0,height:"horizontal"===b?void 0:f}}return{width:void 0,height:void 0}})};var getTargetBlockPosition=function(a,b,c){return a.slice(0,c).map(function(a){var c;return null!==(c="horizontal"===b?a.width:a.height)&&void 0!==c?c:0}).reduce(function(b,c){return(null!==b&&void 0!==b?b:0)+(null!==c&&void 0!==c?c:0)},0)},getNonCalculatedSize=function(a,b,c){return a.filter(function(a,b){return c!==b&&c+1!==b}).map(function(a){var c;return null!==(c="horizontal"===b?a.width:a.height)&&void 0!==c?c:0}).reduce(function(b,c){return(null!==b&&void 0!==b?b:0)+(null!==c&&void 0!==c?c:0)},0)},getBlockMaxSizes=function(a,b,c){if(!Object.prototype.hasOwnProperty.call(a[c],"current")){var d=a[c];return["horizontal"===b?d.minWidth:d.minHeight,"horizontal"===b?d.maxWidth:d.maxHeight]}return[void 0,void 0]},getValidValues=function(a){var b=a.value,c=a.index,d=a.direction,e=a.blocks,f=a.sizes,g=a.containerHeight,h=a.containerWidth,i=("horizontal"===d?h:g)-getNonCalculatedSize(f,d,c),j=getBlockMaxSizes(e,d,c),k=getBlockMaxSizes(e,d,c+1),l=[b,i-b],m=i-b;if(0>b||j[0]&&b<j[0]){var n,o=null!==(n=j[0])&&void 0!==n?n:0;l=[o,i-o]}if(b>i||j[1]&&b>j[1]){var p,q=null!==(p=j[1])&&void 0!==p?p:i;l=[q,i-q]}if(k[0]&&m<k[0]){var r,s=null!==(r=k[0])&&void 0!==r?r:0;l=[i-s,s]}if(k[1]&&m>k[1]){var t,u=null!==(t=k[1])&&void 0!==t?t:i;l=[i-u,u]}return l};export var getCalculatedSizes=function(a){var b=a.event,c=a.index,d=a.sizes,e=a.container,f=a.direction,g=a.blocks,h=trackPosition(b);if(h){var i,j,k=null!==(i=null===(j=e.current)||void 0===j?void 0:j.getBoundingClientRect())&&void 0!==i?i:{left:0,top:0},l=k.left,m=k.top,n=k.width,o=k.height,p=getTargetBlockPosition(d,f,c),q="horizontal"===f?h.x-l-p:h.y-m-p,r=getValidValues({value:q,index:c,containerHeight:null!==o&&void 0!==o?o:0,containerWidth:null!==n&&void 0!==n?n:0,sizes:d,blocks:g,direction:f}),s=_slicedToArray(r,2),t=s[0],u=s[1];return[{width:"horizontal"===f?t:d[c].width,height:"horizontal"===f?d[c].height:t},{width:"horizontal"===f?u:d[c+1].width,height:"horizontal"===f?d[c+1].height:u}]}return[d[c],d[c+1]]};
2
2
  //# sourceMappingURL=helpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","names":["trackPosition","getRefsSizes","refs","direction","map","el","ref","Object","prototype","hasOwnProperty","call","current","getBoundingClientRect","width","height","getTargetBlockPosition","sizes","index","slice","reduce","val","a","getNonCalcualtedSize","filter","_el","i","getBlockMaxSizes","blocks","minWidth","minHeight","maxWidth","maxHeight","getValidValues","params","value","containerHeight","containerWidth","blocksSizes","next","results","right","min","max","getCalcaulatedSizes","event","container","position","left","top","size","x","y","first","second"],"sources":["../../../../../src/hooks/useResizableContent/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { trackPosition } from '##/components/Slider/useSlider/helper';\n\nimport {\n UseResizableContentPropDirection,\n UseResizableContentRef,\n UseResizableContentSize,\n} from './types';\n\nexport const getRefsSizes = (\n refs: Array<UseResizableContentRef | React.RefObject<HTMLElement>>,\n direction: UseResizableContentPropDirection,\n): UseResizableContentSize[] =>\n refs.map((el) => {\n const ref = Object.prototype.hasOwnProperty.call(el, 'current')\n ? (el as React.RefObject<HTMLElement>)\n : (el as UseResizableContentRef).ref;\n if (ref.current) {\n const { width, height } = ref.current.getBoundingClientRect();\n return {\n width: direction === 'horizontal' ? width : undefined,\n height: direction === 'horizontal' ? undefined : height,\n };\n }\n return {\n width: undefined,\n height: undefined,\n };\n });\n\nconst getTargetBlockPosition = (\n sizes: UseResizableContentSize[],\n direction: UseResizableContentPropDirection,\n index: number,\n) =>\n sizes\n .slice(0, index)\n .map((el) => (direction === 'horizontal' ? el.width : el.height) ?? 0)\n .reduce((val, a) => (val ?? 0) + (a ?? 0), 0);\n\nconst getNonCalcualtedSize = (\n sizes: UseResizableContentSize[],\n direction: UseResizableContentPropDirection,\n index: number,\n) =>\n sizes\n .filter((_el, i) => !(index === i || index + 1 === i))\n .map((el) => (direction === 'horizontal' ? el.width : el.height) ?? 0)\n .reduce((val, a) => (val ?? 0) + (a ?? 0), 0);\n\nconst getBlockMaxSizes = (\n blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>,\n direction: UseResizableContentPropDirection,\n index: number,\n) => {\n if (!Object.prototype.hasOwnProperty.call(blocks[index], 'current')) {\n const el = blocks[index] as UseResizableContentRef;\n return [\n direction === 'horizontal' ? el.minWidth : el.minHeight,\n direction === 'horizontal' ? el.maxWidth : el.maxHeight,\n ];\n }\n return [undefined, undefined];\n};\n\nconst getValidValues = (params: {\n value: number;\n index: number;\n direction: UseResizableContentPropDirection;\n blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>;\n containerWidth: number;\n containerHeight: number;\n sizes: UseResizableContentSize[];\n}) => {\n const {\n value,\n index,\n direction,\n blocks,\n sizes,\n containerHeight,\n containerWidth,\n } = params;\n const blocksSizes =\n (direction === 'horizontal' ? containerWidth : containerHeight) -\n getNonCalcualtedSize(sizes, direction, index);\n const current = getBlockMaxSizes(blocks, direction, index);\n const next = getBlockMaxSizes(blocks, direction, index + 1);\n let results = [value, blocksSizes - value];\n const right = blocksSizes - value;\n if (value < 0 || (current[0] && value < current[0])) {\n const min = current[0] ?? 0;\n results = [min, blocksSizes - min];\n }\n if (value > blocksSizes || (current[1] && value > current[1])) {\n const max = current[1] ?? blocksSizes;\n results = [max, blocksSizes - max];\n }\n if (next[0] && right < next[0]) {\n const min = next[0] ?? 0;\n results = [blocksSizes - min, min];\n }\n if (next[1] && right > next[1]) {\n const max = next[1] ?? blocksSizes;\n results = [blocksSizes - max, max];\n }\n return results;\n};\n\nexport const getCalcaulatedSizes = (params: {\n event: MouseEvent | TouchEvent | Event;\n index: number;\n direction: UseResizableContentPropDirection;\n blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>;\n container: React.RefObject<HTMLElement>;\n sizes: UseResizableContentSize[];\n}) => {\n const { event, index, sizes, container, direction, blocks } = params;\n const nativeEvent = event as MouseEvent | TouchEvent;\n const position = trackPosition(nativeEvent);\n if (position) {\n const { left, top, width, height } =\n container.current?.getBoundingClientRect() ?? {\n left: 0,\n top: 0,\n };\n const trackPosition = getTargetBlockPosition(sizes, direction, index);\n const size =\n direction === 'horizontal'\n ? position.x - left - trackPosition\n : position.y - top - trackPosition;\n const [first, second] = getValidValues({\n value: size,\n index,\n containerHeight: height ?? 0,\n containerWidth: width ?? 0,\n sizes,\n blocks,\n direction,\n });\n return [\n {\n width: direction === 'horizontal' ? first : sizes[index].width,\n height: direction === 'horizontal' ? sizes[index].height : first,\n },\n {\n width: direction === 'horizontal' ? second : sizes[index + 1].width,\n height: direction === 'horizontal' ? sizes[index + 1].height : second,\n },\n ];\n }\n return [sizes[index], sizes[index + 1]];\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"helpers.js","names":["trackPosition","getRefsSizes","refs","direction","map","el","ref","Object","prototype","hasOwnProperty","call","current","getBoundingClientRect","width","height","getTargetBlockPosition","sizes","index","slice","reduce","val","a","getNonCalculatedSize","filter","_el","i","getBlockMaxSizes","blocks","minWidth","minHeight","maxWidth","maxHeight","getValidValues","params","value","containerHeight","containerWidth","blocksSizes","next","results","right","min","max","getCalculatedSizes","event","container","position","left","top","size","x","y","first","second"],"sources":["../../../../../src/hooks/useResizableContent/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { trackPosition } from '##/components/Slider/useSlider/helper';\n\nimport {\n UseResizableContentPropDirection,\n UseResizableContentRef,\n UseResizableContentSize,\n} from './types';\n\nexport const getRefsSizes = (\n refs: Array<UseResizableContentRef | React.RefObject<HTMLElement>>,\n direction: UseResizableContentPropDirection,\n): UseResizableContentSize[] =>\n refs.map((el) => {\n const ref = Object.prototype.hasOwnProperty.call(el, 'current')\n ? (el as React.RefObject<HTMLElement>)\n : (el as UseResizableContentRef).ref;\n if (ref.current) {\n const { width, height } = ref.current.getBoundingClientRect();\n return {\n width: direction === 'horizontal' ? width : undefined,\n height: direction === 'horizontal' ? undefined : height,\n };\n }\n return {\n width: undefined,\n height: undefined,\n };\n });\n\nconst getTargetBlockPosition = (\n sizes: UseResizableContentSize[],\n direction: UseResizableContentPropDirection,\n index: number,\n) =>\n sizes\n .slice(0, index)\n .map((el) => (direction === 'horizontal' ? el.width : el.height) ?? 0)\n .reduce((val, a) => (val ?? 0) + (a ?? 0), 0);\n\nconst getNonCalculatedSize = (\n sizes: UseResizableContentSize[],\n direction: UseResizableContentPropDirection,\n index: number,\n) =>\n sizes\n .filter((_el, i) => !(index === i || index + 1 === i))\n .map((el) => (direction === 'horizontal' ? el.width : el.height) ?? 0)\n .reduce((val, a) => (val ?? 0) + (a ?? 0), 0);\n\nconst getBlockMaxSizes = (\n blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>,\n direction: UseResizableContentPropDirection,\n index: number,\n) => {\n if (!Object.prototype.hasOwnProperty.call(blocks[index], 'current')) {\n const el = blocks[index] as UseResizableContentRef;\n return [\n direction === 'horizontal' ? el.minWidth : el.minHeight,\n direction === 'horizontal' ? el.maxWidth : el.maxHeight,\n ];\n }\n return [undefined, undefined];\n};\n\nconst getValidValues = (params: {\n value: number;\n index: number;\n direction: UseResizableContentPropDirection;\n blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>;\n containerWidth: number;\n containerHeight: number;\n sizes: UseResizableContentSize[];\n}) => {\n const {\n value,\n index,\n direction,\n blocks,\n sizes,\n containerHeight,\n containerWidth,\n } = params;\n const blocksSizes =\n (direction === 'horizontal' ? containerWidth : containerHeight) -\n getNonCalculatedSize(sizes, direction, index);\n const current = getBlockMaxSizes(blocks, direction, index);\n const next = getBlockMaxSizes(blocks, direction, index + 1);\n let results = [value, blocksSizes - value];\n const right = blocksSizes - value;\n if (value < 0 || (current[0] && value < current[0])) {\n const min = current[0] ?? 0;\n results = [min, blocksSizes - min];\n }\n if (value > blocksSizes || (current[1] && value > current[1])) {\n const max = current[1] ?? blocksSizes;\n results = [max, blocksSizes - max];\n }\n if (next[0] && right < next[0]) {\n const min = next[0] ?? 0;\n results = [blocksSizes - min, min];\n }\n if (next[1] && right > next[1]) {\n const max = next[1] ?? blocksSizes;\n results = [blocksSizes - max, max];\n }\n return results;\n};\n\nexport const getCalculatedSizes = (params: {\n event: MouseEvent | TouchEvent | Event;\n index: number;\n direction: UseResizableContentPropDirection;\n blocks: Array<UseResizableContentRef | React.RefObject<HTMLElement>>;\n container: React.RefObject<HTMLElement>;\n sizes: UseResizableContentSize[];\n}) => {\n const { event, index, sizes, container, direction, blocks } = params;\n const nativeEvent = event as MouseEvent | TouchEvent;\n const position = trackPosition(nativeEvent);\n if (position) {\n const { left, top, width, height } =\n container.current?.getBoundingClientRect() ?? {\n left: 0,\n top: 0,\n };\n const trackPosition = getTargetBlockPosition(sizes, direction, index);\n const size =\n direction === 'horizontal'\n ? position.x - left - trackPosition\n : position.y - top - trackPosition;\n const [first, second] = getValidValues({\n value: size,\n index,\n containerHeight: height ?? 0,\n containerWidth: width ?? 0,\n sizes,\n blocks,\n direction,\n });\n return [\n {\n width: direction === 'horizontal' ? first : sizes[index].width,\n height: direction === 'horizontal' ? sizes[index].height : first,\n },\n {\n width: direction === 'horizontal' ? second : sizes[index + 1].width,\n height: direction === 'horizontal' ? sizes[index + 1].height : second,\n },\n ];\n }\n return [sizes[index], sizes[index + 1]];\n};\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{getCalcaulatedSizes,getRefsSizes}from"./helpers";export var useResizableContent=function(a){var b=a.blocks,c=a.direction,d=void 0===c?"horizontal":c,e=a.container,f=a.isActive,g=useRef(null),h=useState(getRefsSizes(b,d)),i=_slicedToArray(h,2),j=i[0],k=i[1],l=useCallback(function(a){var b="add"===a?"addEventListener":"removeEventListener";document[b]("mouseup",n),document[b]("touchend",n),document[b]("mousemove",m),document[b]("touchmove",m)},[]),m=useCallback(function(a){var c=g.current;"number"==typeof c&&k(function(f){var g=_toConsumableArray(f),h=getCalcaulatedSizes({event:a,index:c,direction:d,blocks:b,container:e,sizes:g}),i=_slicedToArray(h,2),j=i[0],k=i[1];return g[c]=j,g[c+1]=k,g})},[e,d,b]),n=useCallback(function(){l("remove"),g.current=null},[]),o=useCallback(function(a){g.current=a,l("add")},[]),p=useMemo(function(){return Array.from({length:b.length-1}).map(function(a,b){return{onMouseDown:function onMouseDown(){return f?o(b):void 0},onTouchStart:function onTouchStart(){return f?o(b):void 0}}})},[b,d,e,f]);return useEffect(function(){f&&k(getRefsSizes(b,d))},[b,d,f]),useEffect(function(){f||n()},[f]),{handlers:p,sizes:j}};
1
+ import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{getCalculatedSizes,getRefsSizes}from"./helpers";export var useResizableContent=function(a){var b=a.blocks,c=a.direction,d=void 0===c?"horizontal":c,e=a.container,f=a.isActive,g=useRef(null),h=useState(getRefsSizes(b,d)),i=_slicedToArray(h,2),j=i[0],k=i[1],l=useCallback(function(a){var b="add"===a?"addEventListener":"removeEventListener";document[b]("mouseup",n),document[b]("touchend",n),document[b]("mousemove",m),document[b]("touchmove",m)},[]),m=useCallback(function(a){var c=g.current;"number"==typeof c&&k(function(f){var g=_toConsumableArray(f),h=getCalculatedSizes({event:a,index:c,direction:d,blocks:b,container:e,sizes:g}),i=_slicedToArray(h,2),j=i[0],k=i[1];return g[c]=j,g[c+1]=k,g})},[e,d,b]),n=useCallback(function(){l("remove"),g.current=null},[]),o=useCallback(function(a){g.current=a,l("add")},[]),p=useMemo(function(){return Array.from({length:b.length-1}).map(function(a,b){return{onMouseDown:function onMouseDown(){return f?o(b):void 0},onTouchStart:function onTouchStart(){return f?o(b):void 0}}})},[b,d,e,f]);return useEffect(function(){f&&k(getRefsSizes(b,d))},[b,d,f]),useEffect(function(){f||n()},[f]),{handlers:p,sizes:j}};
2
2
  //# sourceMappingURL=useResizableContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useResizableContent.js","names":["useCallback","useEffect","useMemo","useRef","useState","getCalcaulatedSizes","getRefsSizes","useResizableContent","props","blocks","direction","container","isActive","activeIndex","sizes","setSizes","controlListeners","type","method","document","handleRelease","handleTouchMove","event","index","current","copy","copySizes","left","right","handlePress","handlers","Array","from","length","map","_el","onMouseDown","onTouchStart"],"sources":["../../../../../src/hooks/useResizableContent/useResizableContent.ts"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { getCalcaulatedSizes, getRefsSizes } from './helpers';\nimport { UseResizableContent, UseResizableContentSize } from './types';\n\nexport const useResizableContent: UseResizableContent = (props) => {\n const { blocks, direction = 'horizontal', container, isActive } = props;\n\n const activeIndex: React.MutableRefObject<number | null> = useRef(null);\n\n const [sizes, setSizes] = useState<UseResizableContentSize[]>(\n getRefsSizes(blocks, direction),\n );\n\n const controlListeners = useCallback((type: 'add' | 'remove') => {\n const method = type === 'add' ? 'addEventListener' : 'removeEventListener';\n document[method]('mouseup', handleRelease);\n document[method]('touchend', handleRelease);\n document[method]('mousemove', handleTouchMove);\n document[method]('touchmove', handleTouchMove);\n }, []);\n\n const handleTouchMove = useCallback(\n (event: MouseEvent | TouchEvent | Event) => {\n const index = activeIndex.current;\n if (typeof index === 'number') {\n setSizes((copy) => {\n const copySizes = [...copy];\n const [left, right] = getCalcaulatedSizes({\n event,\n index,\n direction,\n blocks,\n container,\n sizes: copySizes,\n });\n copySizes[index] = left;\n copySizes[index + 1] = right;\n return copySizes;\n });\n }\n },\n [container, direction, blocks],\n );\n\n const handleRelease = useCallback(() => {\n controlListeners('remove');\n activeIndex.current = null;\n }, []);\n\n const handlePress = useCallback((index: number) => {\n activeIndex.current = index;\n controlListeners('add');\n }, []);\n\n const handlers = useMemo(\n () =>\n Array.from({ length: blocks.length - 1 }).map((_el, index) => ({\n onMouseDown: () => (isActive ? handlePress(index) : undefined),\n onTouchStart: () => (isActive ? handlePress(index) : undefined),\n })),\n [blocks, direction, container, isActive],\n );\n\n useEffect(() => {\n if (isActive) {\n setSizes(getRefsSizes(blocks, direction));\n }\n }, [blocks, direction, isActive]);\n\n useEffect(() => {\n !isActive && handleRelease();\n }, [isActive]);\n\n return {\n handlers,\n sizes,\n };\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"useResizableContent.js","names":["useCallback","useEffect","useMemo","useRef","useState","getCalculatedSizes","getRefsSizes","useResizableContent","props","blocks","direction","container","isActive","activeIndex","sizes","setSizes","controlListeners","type","method","document","handleRelease","handleTouchMove","event","index","current","copy","copySizes","left","right","handlePress","handlers","Array","from","length","map","_el","onMouseDown","onTouchStart"],"sources":["../../../../../src/hooks/useResizableContent/useResizableContent.ts"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { getCalculatedSizes, getRefsSizes } from './helpers';\nimport { UseResizableContent, UseResizableContentSize } from './types';\n\nexport const useResizableContent: UseResizableContent = (props) => {\n const { blocks, direction = 'horizontal', container, isActive } = props;\n\n const activeIndex: React.MutableRefObject<number | null> = useRef(null);\n\n const [sizes, setSizes] = useState<UseResizableContentSize[]>(\n getRefsSizes(blocks, direction),\n );\n\n const controlListeners = useCallback((type: 'add' | 'remove') => {\n const method = type === 'add' ? 'addEventListener' : 'removeEventListener';\n document[method]('mouseup', handleRelease);\n document[method]('touchend', handleRelease);\n document[method]('mousemove', handleTouchMove);\n document[method]('touchmove', handleTouchMove);\n }, []);\n\n const handleTouchMove = useCallback(\n (event: MouseEvent | TouchEvent | Event) => {\n const index = activeIndex.current;\n if (typeof index === 'number') {\n setSizes((copy) => {\n const copySizes = [...copy];\n const [left, right] = getCalculatedSizes({\n event,\n index,\n direction,\n blocks,\n container,\n sizes: copySizes,\n });\n copySizes[index] = left;\n copySizes[index + 1] = right;\n return copySizes;\n });\n }\n },\n [container, direction, blocks],\n );\n\n const handleRelease = useCallback(() => {\n controlListeners('remove');\n activeIndex.current = null;\n }, []);\n\n const handlePress = useCallback((index: number) => {\n activeIndex.current = index;\n controlListeners('add');\n }, []);\n\n const handlers = useMemo(\n () =>\n Array.from({ length: blocks.length - 1 }).map((_el, index) => ({\n onMouseDown: () => (isActive ? handlePress(index) : undefined),\n onTouchStart: () => (isActive ? handlePress(index) : undefined),\n })),\n [blocks, direction, container, isActive],\n );\n\n useEffect(() => {\n if (isActive) {\n setSizes(getRefsSizes(blocks, direction));\n }\n }, [blocks, direction, isActive]);\n\n useEffect(() => {\n !isActive && handleRelease();\n }, [isActive]);\n\n return {\n handlers,\n sizes,\n };\n};\n"],"mappings":"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"}
@@ -69,7 +69,7 @@ export declare function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(params:
69
69
  handleToggleDropdown: () => void;
70
70
  handleInputClick: () => void;
71
71
  inputRef: React.RefObject<HTMLInputElement>;
72
- getKeyProps: (rest?: import("../useKeysDepricated/useKeysDepricated").KeyProps | undefined) => import("../useKeysDepricated/useKeysDepricated").KeyProps;
72
+ getKeyProps: (rest?: import("../useKeysDeprecated/useKeysDeprecated").KeyProps | undefined) => import("../useKeysDeprecated/useKeysDeprecated").KeyProps;
73
73
  handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
74
74
  searchValue: string;
75
75
  clearValue: (e: React.SyntheticEvent) => void;
@@ -1,2 +1,2 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import React,{useEffect,useMemo,useRef,useState}from"react";import{getCountedGroups,getGroups}from"../../utils/getGroups";import{useClickOutside}from"../useClickOutside/useClickOutside";import{useDebounce}from"../useDebounce/useDebounce";import{useKeys}from"../useKeysDepricated/useKeysDepricated";import{usePrevious}from"../usePrevious/usePrevious";import{scrollToIndex,useHoistedState}from"./helpers";var isMultipleParams=function(a){return a.multiple},isNotMultipleParams=function(a){return!a.multiple},actions={setOpen:"setOpen",setSearch:"setSearch",highlightIndex:"highlightIndex"},initialState={searchValue:"",resolvedSearchValue:"",isOpen:!1,highlightedIndex:0,scrollToHighlighted:!1};export var isOptionForCreate=function(a){return a&&Object.prototype.hasOwnProperty.call(a,"__optionForCreate")};export var isOptionForSelectAll=function(a){return a&&Object.prototype.hasOwnProperty.call(a,"__optionSelctAll")};export function useSelect(a){var b=a.items,c=a.dropdownRef,d=a.controlRef,e=a.disabled,f=void 0!==e&&e,g=a.multiple,h=void 0!==g&&g,i=a.getItemLabel,j=a.getItemKey,k=a.searchFunction,l=a.getItemGroupKey,m=a.groups,n=a.selectAll,o=void 0!==n&&n,p=a.getGroupKey,q=a.sortGroups,r=a.getItemDisabled,s=a.onFocus,t=a.onBlur,u=a.searchValue,v=a.withoutClearSearch,w=useRef(null),x=useState(!1),y=_slicedToArray(x,2),z=y[0],A=y[1],B=a.value&&(Array.isArray(a.value)?a.value:[a.value])||[],C=useHoistedState(initialState),D=_slicedToArray(C,2),E=D[0],F=E.searchValue,G=E.isOpen,H=E.highlightedIndex,I=E.resolvedSearchValue,J=E.scrollToHighlighted,K=D[1],L=function(a,b){return-1!==i(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},M=React.useMemo(function(){if(I&&""!==I){var c=b.filter(function(a){return k?k(a,I):L(a,I)}),d=!!b.find(function(a){return i(a).toString().toLowerCase()===I.toLocaleLowerCase()});return[c,a.onCreate&&!d?{label:F,__optionForCreate:!0}:void 0]}return[b,void 0]},[b,I]),N=_slicedToArray(M,2),O=N[0],P=N[1],Q=useMemo(function(){var b=getCountedGroups(getGroups(O,null!==m&&void 0!==m&&m.length?l:void 0,m,p,q),isMultipleParams(a)?a.value:[],o,j,r);return P?[P].concat(_toConsumableArray(b)):b},[B,o,O,m,l,r,p,q,P]),R=useMemo(function(){var b=!1;return 0<F.length&&(b=0===Q.filter(function(a){return isOptionForCreate(a)||0<a.items.length||a.group}).length&&!a.onCreate),b},[Q]),S=0!==b.length,T=function(){var a=0;if(0<B.length){var b,c=_createForOfIteratorHelper(Q);try{for(c.s();!(b=c.n()).done;){var f=b.value;if(isOptionForCreate(f)){a++;continue}var d,e=_createForOfIteratorHelper(f.items);try{for(e.s();!(d=e.n()).done;){var g=d.value;if(isOptionForSelectAll(g))return a;if(j(g)===j(B[0]))return a;a++}}catch(a){e.e(a)}finally{e.f()}}}catch(a){c.e(a)}finally{c.f()}}return 0},U=React.useCallback(function(a){K(function(b){return _objectSpread(_objectSpread({},b),{},{isOpen:a})},actions.setOpen)},[K]),V=useDebounce(function(a){K(function(b){return _objectSpread(_objectSpread({},b),{},{resolvedSearchValue:a})},actions.setSearch)},300),W=React.useCallback(function(a){K(function(b){return _objectSpread(_objectSpread({},b),{},{searchValue:a||""})},actions.setSearch),V(a||"")},[K,V]),X=usePrevious(G);React.useLayoutEffect(function(){if(null!==B&&!X&&G){var a=T();0<O.length&&scrollToIndex(a,c)}});var Y=React.useCallback(function(a,b){K(function(c){return _objectSpread(_objectSpread({},c),{},{highlightedIndex:Math.min(Math.max(0,"function"==typeof a?a(c.highlightedIndex):a),P?O.length:O.length-1),scrollToHighlighted:b})},actions.highlightIndex)},[O,K,P]),Z=function(b,c){if(b.stopPropagation(),isMultipleParams(a)){var d,e=null===(d=a.value)||void 0===d?void 0:d.filter(function(a){return j(a)!==j(c)});a.onChange({e:b,value:null!==e&&void 0!==e&&e.length?e:null})}},$=function(b,c){if(!(r&&r(c))){if(isMultipleParams(a)){var d=B.some(function(a){return j(a)===j(c)})?B.filter(function(a){return j(a)!==j(c)}):[].concat(_toConsumableArray(B),[c]);a.onChange({value:d.length?d:null,e:b})}isNotMultipleParams(a)&&(a.onChange({value:c,e:b}),U(!1)),v||W("")}},_=function(b){var c=b.e,d=b.items;if(isMultipleParams(a)){var e=r?d.filter(function(a){return!r(a)}):d,f=[],g=[];B.forEach(function(a){e.find(function(b){return j(a)===j(b)})?f.push(a):g.push(a)}),f.length===e.length?a.onChange({value:g,e:c}):a.onChange({e:c,value:[].concat(g,_toConsumableArray(e))})}},aa=function(b,c){a.onCreate&&a.onCreate({e:b,label:c}),U(!1),v||W("")},ba=function(b){if(v||W(""),isMultipleParams(a)){var c=null===B||void 0===B?void 0:B.filter(function(a){return null===r||void 0===r?void 0:r(a)});a.onChange({value:c&&0<c.length?c:null,e:b})}isNotMultipleParams(a)&&a.onChange({value:null,e:b})},ca=function(a,b){b.preventDefault(),f||U(!0),Y(function(a){return a-1},!0)},da=function(a,b){b.preventDefault(),f||U(!0),Y(function(a){return a+1},!0)},ea=useKeys({ArrowUp:ca,ArrowDown:da,PageUp:ca,PageDown:da,Home:ca,End:da,Enter:function Enter(a,b){if(G){(F||O[H])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(Q);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(isOptionForCreate(e))return c++,[void 0,e];if(e.items.length+c>a)return[e,e.items[a-c]];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}return[void 0,void 0]},d=c(H),e=_slicedToArray(d,2),f=e[0],g=e[1];if(isOptionForCreate(g))return void aa(b,g.label);if(isOptionForSelectAll(g)){var h;return void _({e:b,items:null!==(h=null===f||void 0===f?void 0:f.items.filter(function(a){return!isOptionForSelectAll(a)}))&&void 0!==h?h:[]})}g&&$(b,g)}},Escape:function Escape(){U(!1)},Tab:function Tab(){U(!1)},Backspace:function Backspace(a,b){F||(h?Z(b,B[B.length-1]):ba(b))}});useClickOutside({isActive:G,ignoreClicksInsideRefs:[c,d],handler:function handler(){U(!1)}}),React.useEffect(function(){f&&U(!1)},[f]),React.useEffect(function(){var a=T();Y(a,!0)},[Y]),React.useEffect(function(){0<O.length&&J&&scrollToIndex(H,c)},[H]);return useEffect(function(){W(u)},[u]),{isOpen:G,isFocused:z,highlightedIndex:H,visibleItems:Q,highlightIndex:Y,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item;if(isOptionForCreate(c))return{onClick:function onClick(a){aa(a,c.label)},onMouseEnter:function onMouseEnter(){Y(b,!1)},active:!1,hovered:b===H,key:"__optionForCreate"};if(isOptionForSelectAll(c)){var f=function(){var a,b=_createForOfIteratorHelper(Q);try{for(b.s();!(a=b.n()).done;){var e=a.value;if(isOptionForCreate(e))break;if(e.key===c.groupKey){var d;return null!==(d=null===e||void 0===e?void 0:e.items.filter(function(a){return!isOptionForSelectAll(a)}))&&void 0!==d?d:[]}}}catch(a){b.e(a)}finally{b.f()}return[]};return{onClick:function onClick(a){_({e:a,items:f()})},onMouseEnter:function onMouseEnter(){Y(b,!1)},active:!1,hovered:b===H,key:"__optionForSelectAll"}}var d=j(c);return{onClick:function onClick(a){$(a,c)},onMouseEnter:function onMouseEnter(){Y(b,!1)},active:!!B.find(function(a){return j(a)===d}),hovered:b===H,key:d}},handleInputFocus:function handleInputFocus(a){f||(!z&&A(!0),"function"==typeof s&&s(a))},handleInputBlur:function handleInputBlur(a){if(G){var b;return void(null===(b=w.current)||void 0===b?void 0:b.focus())}z&&A(!1),"function"==typeof t&&t(a)},handleToggleDropdown:function handleToggleDropdown(){if(G)U(!1),A(!1);else{var a;U(!0),A(!0),null===(a=w.current)||void 0===a?void 0:a.focus()}},handleInputClick:function handleInputClick(){if(f||U(!G),h){var a;null===(a=w.current)||void 0===a?void 0:a.focus()}},inputRef:w,getKeyProps:ea,handleInputChange:function handleInputChange(a){f||!h&&0<B.length||(W(a.target.value),U(!0))},searchValue:F,clearValue:ba,getHandleRemoveValue:function getHandleRemoveValue(a){return function(b){return Z(b,a)}},notFound:R,hasItems:S}}
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import React,{useEffect,useMemo,useRef,useState}from"react";import{getCountedGroups,getGroups}from"../../utils/getGroups";import{useClickOutside}from"../useClickOutside/useClickOutside";import{useDebounce}from"../useDebounce/useDebounce";import{useKeys}from"../useKeysDeprecated/useKeysDeprecated";import{usePrevious}from"../usePrevious/usePrevious";import{scrollToIndex,useHoistedState}from"./helpers";var isMultipleParams=function(a){return a.multiple},isNotMultipleParams=function(a){return!a.multiple},actions={setOpen:"setOpen",setSearch:"setSearch",highlightIndex:"highlightIndex"},initialState={searchValue:"",resolvedSearchValue:"",isOpen:!1,highlightedIndex:0,scrollToHighlighted:!1};export var isOptionForCreate=function(a){return a&&Object.prototype.hasOwnProperty.call(a,"__optionForCreate")};export var isOptionForSelectAll=function(a){return a&&Object.prototype.hasOwnProperty.call(a,"__optionSelectAll")};export function useSelect(a){var b=a.items,c=a.dropdownRef,d=a.controlRef,e=a.disabled,f=void 0!==e&&e,g=a.multiple,h=void 0!==g&&g,i=a.getItemLabel,j=a.getItemKey,k=a.searchFunction,l=a.getItemGroupKey,m=a.groups,n=a.selectAll,o=void 0!==n&&n,p=a.getGroupKey,q=a.sortGroups,r=a.getItemDisabled,s=a.onFocus,t=a.onBlur,u=a.searchValue,v=a.withoutClearSearch,w=useRef(null),x=useState(!1),y=_slicedToArray(x,2),z=y[0],A=y[1],B=a.value&&(Array.isArray(a.value)?a.value:[a.value])||[],C=useHoistedState(initialState),D=_slicedToArray(C,2),E=D[0],F=E.searchValue,G=E.isOpen,H=E.highlightedIndex,I=E.resolvedSearchValue,J=E.scrollToHighlighted,K=D[1],L=function(a,b){return-1!==i(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},M=React.useMemo(function(){if(I&&""!==I){var c=b.filter(function(a){return k?k(a,I):L(a,I)}),d=!!b.find(function(a){return i(a).toString().toLowerCase()===I.toLocaleLowerCase()});return[c,a.onCreate&&!d?{label:F,__optionForCreate:!0}:void 0]}return[b,void 0]},[b,I]),N=_slicedToArray(M,2),O=N[0],P=N[1],Q=useMemo(function(){var b=getCountedGroups(getGroups(O,null!==m&&void 0!==m&&m.length?l:void 0,m,p,q),isMultipleParams(a)?a.value:[],o,j,r);return P?[P].concat(_toConsumableArray(b)):b},[B,o,O,m,l,r,p,q,P]),R=useMemo(function(){var b=!1;return 0<F.length&&(b=0===Q.filter(function(a){return isOptionForCreate(a)||0<a.items.length||a.group}).length&&!a.onCreate),b},[Q]),S=0!==b.length,T=function(){var a=0;if(0<B.length){var b,c=_createForOfIteratorHelper(Q);try{for(c.s();!(b=c.n()).done;){var f=b.value;if(isOptionForCreate(f)){a++;continue}var d,e=_createForOfIteratorHelper(f.items);try{for(e.s();!(d=e.n()).done;){var g=d.value;if(isOptionForSelectAll(g))return a;if(j(g)===j(B[0]))return a;a++}}catch(a){e.e(a)}finally{e.f()}}}catch(a){c.e(a)}finally{c.f()}}return 0},U=React.useCallback(function(a){K(function(b){return _objectSpread(_objectSpread({},b),{},{isOpen:a})},actions.setOpen)},[K]),V=useDebounce(function(a){K(function(b){return _objectSpread(_objectSpread({},b),{},{resolvedSearchValue:a})},actions.setSearch)},300),W=React.useCallback(function(a){K(function(b){return _objectSpread(_objectSpread({},b),{},{searchValue:a||""})},actions.setSearch),V(a||"")},[K,V]),X=usePrevious(G);React.useLayoutEffect(function(){if(null!==B&&!X&&G){var a=T();0<O.length&&scrollToIndex(a,c)}});var Y=React.useCallback(function(a,b){K(function(c){return _objectSpread(_objectSpread({},c),{},{highlightedIndex:Math.min(Math.max(0,"function"==typeof a?a(c.highlightedIndex):a),P?O.length:O.length-1),scrollToHighlighted:b})},actions.highlightIndex)},[O,K,P]),Z=function(b,c){if(b.stopPropagation(),isMultipleParams(a)){var d,e=null===(d=a.value)||void 0===d?void 0:d.filter(function(a){return j(a)!==j(c)});a.onChange({e:b,value:null!==e&&void 0!==e&&e.length?e:null})}},$=function(b,c){if(!(r&&r(c))){if(isMultipleParams(a)){var d=B.some(function(a){return j(a)===j(c)})?B.filter(function(a){return j(a)!==j(c)}):[].concat(_toConsumableArray(B),[c]);a.onChange({value:d.length?d:null,e:b})}isNotMultipleParams(a)&&(a.onChange({value:c,e:b}),U(!1)),v||W("")}},_=function(b){var c=b.e,d=b.items;if(isMultipleParams(a)){var e=r?d.filter(function(a){return!r(a)}):d,f=[],g=[];B.forEach(function(a){e.find(function(b){return j(a)===j(b)})?f.push(a):g.push(a)}),f.length===e.length?a.onChange({value:g,e:c}):a.onChange({e:c,value:[].concat(g,_toConsumableArray(e))})}},aa=function(b,c){a.onCreate&&a.onCreate({e:b,label:c}),U(!1),v||W("")},ba=function(b){if(v||W(""),isMultipleParams(a)){var c=null===B||void 0===B?void 0:B.filter(function(a){return null===r||void 0===r?void 0:r(a)});a.onChange({value:c&&0<c.length?c:null,e:b})}isNotMultipleParams(a)&&a.onChange({value:null,e:b})},ca=function(a,b){b.preventDefault(),f||U(!0),Y(function(a){return a-1},!0)},da=function(a,b){b.preventDefault(),f||U(!0),Y(function(a){return a+1},!0)},ea=useKeys({ArrowUp:ca,ArrowDown:da,PageUp:ca,PageDown:da,Home:ca,End:da,Enter:function Enter(a,b){if(G){(F||O[H])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(Q);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(isOptionForCreate(e))return c++,[void 0,e];if(e.items.length+c>a)return[e,e.items[a-c]];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}return[void 0,void 0]},d=c(H),e=_slicedToArray(d,2),f=e[0],g=e[1];if(isOptionForCreate(g))return void aa(b,g.label);if(isOptionForSelectAll(g)){var h;return void _({e:b,items:null!==(h=null===f||void 0===f?void 0:f.items.filter(function(a){return!isOptionForSelectAll(a)}))&&void 0!==h?h:[]})}g&&$(b,g)}},Escape:function Escape(){U(!1)},Tab:function Tab(){U(!1)},Backspace:function Backspace(a,b){F||(h?Z(b,B[B.length-1]):ba(b))}});useClickOutside({isActive:G,ignoreClicksInsideRefs:[c,d],handler:function handler(){U(!1)}}),React.useEffect(function(){f&&U(!1)},[f]),React.useEffect(function(){var a=T();Y(a,!0)},[Y]),React.useEffect(function(){0<O.length&&J&&scrollToIndex(H,c)},[H]);return useEffect(function(){W(u)},[u]),{isOpen:G,isFocused:z,highlightedIndex:H,visibleItems:Q,highlightIndex:Y,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item;if(isOptionForCreate(c))return{onClick:function onClick(a){aa(a,c.label)},onMouseEnter:function onMouseEnter(){Y(b,!1)},active:!1,hovered:b===H,key:"__optionForCreate"};if(isOptionForSelectAll(c)){var f=function(){var a,b=_createForOfIteratorHelper(Q);try{for(b.s();!(a=b.n()).done;){var e=a.value;if(isOptionForCreate(e))break;if(e.key===c.groupKey){var d;return null!==(d=null===e||void 0===e?void 0:e.items.filter(function(a){return!isOptionForSelectAll(a)}))&&void 0!==d?d:[]}}}catch(a){b.e(a)}finally{b.f()}return[]};return{onClick:function onClick(a){_({e:a,items:f()})},onMouseEnter:function onMouseEnter(){Y(b,!1)},active:!1,hovered:b===H,key:"__optionForSelectAll"}}var d=j(c);return{onClick:function onClick(a){$(a,c)},onMouseEnter:function onMouseEnter(){Y(b,!1)},active:!!B.find(function(a){return j(a)===d}),hovered:b===H,key:d}},handleInputFocus:function handleInputFocus(a){f||(!z&&A(!0),"function"==typeof s&&s(a))},handleInputBlur:function handleInputBlur(a){if(G){var b;return void(null===(b=w.current)||void 0===b?void 0:b.focus())}z&&A(!1),"function"==typeof t&&t(a)},handleToggleDropdown:function handleToggleDropdown(){if(G)U(!1),A(!1);else{var a;U(!0),A(!0),null===(a=w.current)||void 0===a?void 0:a.focus()}},handleInputClick:function handleInputClick(){if(f||U(!G),h){var a;null===(a=w.current)||void 0===a?void 0:a.focus()}},inputRef:w,getKeyProps:ea,handleInputChange:function handleInputChange(a){f||!h&&0<B.length||(W(a.target.value),U(!0))},searchValue:F,clearValue:ba,getHandleRemoveValue:function getHandleRemoveValue(a){return function(b){return Z(b,a)}},notFound:R,hasItems:S}}
2
2
  //# sourceMappingURL=useSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useSelect.js","names":["React","useEffect","useMemo","useRef","useState","getCountedGroups","getGroups","useClickOutside","useDebounce","useKeys","usePrevious","scrollToIndex","useHoistedState","isMultipleParams","params","multiple","isNotMultipleParams","actions","setOpen","setSearch","highlightIndex","initialState","searchValue","resolvedSearchValue","isOpen","highlightedIndex","scrollToHighlighted","isOptionForCreate","Object","prototype","hasOwnProperty","call","isOptionForSelectAll","useSelect","items","dropdownRef","controlRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","selectAll","getGroupKey","sortGroups","getItemDisabled","onFocus","onBlur","searchValueProp","withoutClearSearch","inputRef","isFocused","setIsFocused","value","Array","isArray","setState","searchFunctionDefault","item","toLocaleLowerCase","indexOf","fiteredOptions","filter","matchWithValueSearch","find","option","toString","toLowerCase","onCreate","label","__optionForCreate","filteredOptions","optionForCreate","visibleItems","resultGroups","length","notFound","flag","group","hasItems","getSelectedOptionIndex","index","useCallback","newIsOpen","old","setResolvedSearch","prevIsOpen","useLayoutEffect","currentHighlightIndex","indexForHighlight","Math","min","max","removeValue","e","valueItem","stopPropagation","newValue","onChange","some","onChangeAll","parametrs","nonDisabledItems","currentGroupValues","withoutGroupValues","forEach","el","push","clearValue","results","ArrowUp","_","preventDefault","ArrowDown","getKeyProps","PageUp","PageDown","Home","End","Enter","getData","couter","Escape","Tab","Backspace","isActive","ignoreClicksInsideRefs","handler","getOptionProps","onClick","onMouseEnter","active","hovered","key","getItems","groupKey","handleInputFocus","handleInputBlur","current","focus","handleToggleDropdown","handleInputClick","handleInputChange","target","getHandleRemoveValue"],"sources":["../../../../../src/hooks/useSelect/useSelect.ts"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n CountedGroup,\n getCountedGroups,\n getGroups,\n SelectAllItem,\n} from '../../utils/getGroups';\nimport { useClickOutside } from '../useClickOutside/useClickOutside';\nimport { useDebounce } from '../useDebounce/useDebounce';\nimport { KeyHandler, useKeys } from '../useKeysDepricated/useKeysDepricated';\nimport { usePrevious } from '../usePrevious/usePrevious';\nimport { scrollToIndex, useHoistedState } from './helpers';\n\ntype IndexForHighlight = number | ((oldIndex: number) => number);\n\ntype Group<ITEM, GROUP> = {\n items: ITEM[];\n key: string | number;\n group?: GROUP;\n};\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\ntype SortGroups<ITEM, GROUP> = (\n a: Group<ITEM, GROUP>,\n b: Group<ITEM, GROUP>,\n) => number;\n\ntype OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {\n value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;\n e: React.SyntheticEvent;\n}) => void;\n\ntype ValueProp<ITEM, MULTIPLE extends boolean> =\n | (MULTIPLE extends true ? ITEM[] : ITEM)\n | null\n | undefined;\n\nexport type OptionForCreate = {\n label: string;\n __optionForCreate: boolean;\n};\n\nexport type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {\n getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;\n getGroupKey?: GetGroupKey<GROUP>;\n sortGroups?: SortGroups<ITEM, GROUP>;\n groups?: GROUP[];\n items: ITEM[];\n dropdownRef: React.MutableRefObject<HTMLDivElement | null>;\n controlRef: React.MutableRefObject<HTMLDivElement | null>;\n disabled?: boolean;\n selectAll?: boolean;\n getItemLabel: (item: ITEM) => string;\n getItemKey: (item: ITEM) => string | number;\n getItemDisabled?: (item: ITEM) => boolean | undefined;\n searchFunction?: (item: ITEM, searchValue: string) => boolean;\n onCreate?: (props: { e: React.SyntheticEvent; label: string }) => void;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n multiple: boolean;\n searchValue?: string;\n withoutClearSearch?: boolean;\n onChange: OnChangeProp<ITEM, MULTIPLE>;\n value: ValueProp<ITEM, MULTIPLE>;\n};\n\nexport type OptionProps<ITEM> = {\n index: number;\n item: ITEM | OptionForCreate | SelectAllItem;\n};\n\nexport type GetOptionPropsResult = {\n onClick: (e: React.SyntheticEvent) => void;\n onMouseEnter: (e: React.SyntheticEvent) => void;\n active: boolean;\n hovered: boolean;\n key: string | number;\n};\n\nconst isMultipleParams = <ITEM, GROUP>(\n params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, true> => {\n return params.multiple;\n};\n\nconst isNotMultipleParams = <ITEM, GROUP>(\n params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, false> => {\n return !params.multiple;\n};\n\nconst actions = {\n setOpen: 'setOpen',\n setSearch: 'setSearch',\n highlightIndex: 'highlightIndex',\n};\n\nconst initialState = {\n searchValue: '',\n resolvedSearchValue: '',\n isOpen: false,\n highlightedIndex: 0,\n scrollToHighlighted: false,\n};\n\nexport const isOptionForCreate = <ITEM, GROUP>(\n params: OptionForCreate | Group<ITEM, GROUP> | ITEM,\n): params is OptionForCreate => {\n return (\n params && Object.prototype.hasOwnProperty.call(params, '__optionForCreate')\n );\n};\n\nexport const isOptionForSelectAll = <ITEM, GROUP>(\n params: SelectAllItem | Group<ITEM, GROUP> | ITEM,\n): params is SelectAllItem => {\n return (\n params && Object.prototype.hasOwnProperty.call(params, '__optionSelctAll')\n );\n};\n\nexport function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(\n params: SelectProps<ITEM, GROUP, MULTIPLE>,\n) {\n const {\n items,\n dropdownRef,\n controlRef,\n disabled = false,\n multiple = false,\n getItemLabel,\n getItemKey,\n searchFunction,\n getItemGroupKey,\n groups,\n selectAll = false,\n getGroupKey,\n sortGroups,\n getItemDisabled,\n onFocus,\n onBlur,\n searchValue: searchValueProp,\n withoutClearSearch,\n } = params;\n\n const inputRef = useRef<HTMLInputElement>(null);\n const [isFocused, setIsFocused] = useState(false);\n\n const value =\n (params.value &&\n (Array.isArray(params.value) ? params.value : [params.value])) ||\n [];\n\n const [\n {\n searchValue,\n isOpen,\n highlightedIndex,\n resolvedSearchValue,\n scrollToHighlighted,\n },\n setState,\n ] = useHoistedState(initialState);\n\n const searchFunctionDefault = (item: ITEM, searchValue: string) =>\n getItemLabel(item)\n .toLocaleLowerCase()\n .indexOf(searchValue.toLocaleLowerCase()) !== -1;\n\n const [filteredOptions, optionForCreate] = React.useMemo(() => {\n if (resolvedSearchValue && resolvedSearchValue !== '') {\n const fiteredOptions = items.filter((item) =>\n searchFunction\n ? searchFunction(item, resolvedSearchValue)\n : searchFunctionDefault(item, resolvedSearchValue),\n );\n\n const matchWithValueSearch = Boolean(\n items.find(\n (option) =>\n getItemLabel(option).toString().toLowerCase() ===\n resolvedSearchValue.toLocaleLowerCase(),\n ),\n );\n\n const optionForCreate: OptionForCreate = {\n label: searchValue,\n __optionForCreate: true,\n };\n\n return [\n fiteredOptions,\n params.onCreate && !matchWithValueSearch ? optionForCreate : undefined,\n ] as const;\n }\n return [items, undefined] as const;\n }, [items, resolvedSearchValue]);\n\n const visibleItems = useMemo(() => {\n const resultGroups = getCountedGroups(\n getGroups(\n filteredOptions,\n groups?.length ? getItemGroupKey : undefined,\n groups,\n getGroupKey,\n sortGroups,\n ),\n isMultipleParams(params) ? params.value : [],\n selectAll,\n getItemKey,\n getItemDisabled,\n );\n\n return optionForCreate ? [optionForCreate, ...resultGroups] : resultGroups;\n }, [\n value,\n selectAll,\n filteredOptions,\n groups,\n getItemGroupKey,\n getItemDisabled,\n getGroupKey,\n sortGroups,\n optionForCreate,\n ]);\n\n const notFound = useMemo(() => {\n let flag = false;\n if (searchValue.length > 0) {\n flag =\n visibleItems.filter(\n (group) =>\n isOptionForCreate(group) || group.items.length > 0 || group.group,\n ).length === 0 && !params.onCreate;\n }\n return flag;\n }, [visibleItems]);\n\n const hasItems = items.length !== 0;\n\n const getSelectedOptionIndex = (): number => {\n let index = 0;\n if (value.length > 0) {\n for (const group of visibleItems) {\n if (isOptionForCreate(group)) {\n index++;\n // eslint-disable-next-line no-continue\n continue;\n }\n for (const item of group.items) {\n if (isOptionForSelectAll(item)) {\n return index;\n }\n if (getItemKey(item) === getItemKey(value[0])) {\n return index;\n }\n index++;\n }\n }\n }\n\n return 0;\n };\n\n // Actions\n\n const setOpen = React.useCallback(\n (newIsOpen: boolean) => {\n setState(\n (old) => ({\n ...old,\n isOpen: newIsOpen,\n }),\n actions.setOpen,\n );\n },\n [setState],\n );\n\n const setResolvedSearch = useDebounce((value: string) => {\n setState(\n (old) => ({\n ...old,\n resolvedSearchValue: value,\n }),\n actions.setSearch,\n );\n }, 300);\n\n const setSearch = React.useCallback(\n (value: string | undefined) => {\n setState(\n (old) => ({\n ...old,\n searchValue: value || '',\n }),\n actions.setSearch,\n );\n setResolvedSearch(value || '');\n },\n [setState, setResolvedSearch],\n );\n\n const prevIsOpen = usePrevious(isOpen);\n\n React.useLayoutEffect(() => {\n if (value !== null && !prevIsOpen && isOpen) {\n const currentHighlightIndex = getSelectedOptionIndex();\n if (filteredOptions.length > 0) {\n scrollToIndex(currentHighlightIndex, dropdownRef);\n }\n }\n });\n\n const highlightIndex = React.useCallback(\n (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => {\n setState((old) => {\n return {\n ...old,\n highlightedIndex: Math.min(\n Math.max(\n 0,\n typeof indexForHighlight === 'function'\n ? indexForHighlight(old.highlightedIndex)\n : indexForHighlight,\n ),\n optionForCreate\n ? filteredOptions.length\n : filteredOptions.length - 1,\n ),\n scrollToHighlighted,\n };\n }, actions.highlightIndex);\n },\n [filteredOptions, setState, optionForCreate],\n );\n\n const removeValue = (e: React.SyntheticEvent, valueItem: ITEM) => {\n e.stopPropagation();\n if (isMultipleParams(params)) {\n const newValue = params.value?.filter(\n (item) => getItemKey(item) !== getItemKey(valueItem),\n );\n params.onChange({\n e,\n value: newValue?.length ? newValue : null,\n });\n }\n };\n\n const onChange = (e: React.SyntheticEvent, item: ITEM) => {\n if (getItemDisabled && getItemDisabled(item)) {\n return;\n }\n if (isMultipleParams(params)) {\n const newValue = value.some(\n (value) => getItemKey(value) === getItemKey(item),\n )\n ? value.filter((value) => getItemKey(value) !== getItemKey(item))\n : [...value, item];\n params.onChange({ value: newValue.length ? newValue : null, e });\n }\n if (isNotMultipleParams(params)) {\n params.onChange({ value: item, e });\n setOpen(false);\n }\n !withoutClearSearch && setSearch('');\n };\n\n const onChangeAll = (parametrs: {\n e: React.SyntheticEvent;\n items: ITEM[];\n }) => {\n const { e, items } = parametrs;\n if (isMultipleParams(params)) {\n const nonDisabledItems = getItemDisabled\n ? items.filter((item) => !getItemDisabled(item))\n : items;\n\n const currentGroupValues: ITEM[] = [];\n const withoutGroupValues: ITEM[] = [];\n value.forEach((el) => {\n if (\n nonDisabledItems.find((item) => getItemKey(el) === getItemKey(item))\n ) {\n currentGroupValues.push(el);\n } else {\n withoutGroupValues.push(el);\n }\n });\n if (currentGroupValues.length === nonDisabledItems.length) {\n params.onChange({ value: withoutGroupValues, e });\n } else {\n params.onChange({\n e,\n value: [...withoutGroupValues, ...nonDisabledItems],\n });\n }\n }\n };\n\n const onCreate = (e: React.SyntheticEvent, label: string) => {\n params.onCreate && params.onCreate({ e, label });\n setOpen(false);\n !withoutClearSearch && setSearch('');\n };\n\n // Handlers\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n if (!disabled && !(!multiple && value.length > 0)) {\n setSearch(e.target.value);\n setOpen(true);\n }\n };\n\n const handleInputClick = (): void => {\n !disabled && setOpen(!isOpen);\n\n if (multiple) {\n inputRef.current?.focus();\n }\n };\n\n const clearValue = (e: React.SyntheticEvent) => {\n !withoutClearSearch && setSearch('');\n if (isMultipleParams(params)) {\n const results = value?.filter((item) => getItemDisabled?.(item));\n params.onChange({\n value: results && results.length > 0 ? results : null,\n e,\n });\n }\n if (isNotMultipleParams(params)) {\n params.onChange({ value: null, e });\n }\n };\n\n const getHandleRemoveValue = (item: ITEM) => (e: React.SyntheticEvent) =>\n removeValue(e, item);\n\n // Prop Getters\n\n const ArrowUp: KeyHandler = (_, e): void => {\n e.preventDefault();\n !disabled && setOpen(true);\n highlightIndex((old) => old - 1, true);\n };\n\n const ArrowDown: KeyHandler = (_, e): void => {\n e.preventDefault();\n !disabled && setOpen(true);\n highlightIndex((old) => old + 1, true);\n };\n\n const Enter: KeyHandler = (_, e): void => {\n if (isOpen) {\n if (searchValue || filteredOptions[highlightedIndex]) {\n e.preventDefault();\n }\n\n const getData = (\n index: number,\n ): [\n CountedGroup<ITEM, GROUP> | undefined,\n SelectAllItem | OptionForCreate | ITEM | undefined,\n ] => {\n let couter = 0;\n for (const group of visibleItems) {\n if (isOptionForCreate(group)) {\n couter++;\n return [undefined, group];\n }\n if (group.items.length + couter > index) {\n return [group, group.items[index - couter]];\n }\n couter += group.items.length;\n }\n return [undefined, undefined];\n };\n\n const [group, item] = getData(highlightedIndex);\n\n if (isOptionForCreate(item)) {\n onCreate(e, item.label);\n return;\n }\n\n if (isOptionForSelectAll(item)) {\n onChangeAll({\n e,\n items:\n (group?.items.filter(\n (el) => !isOptionForSelectAll(el),\n ) as ITEM[]) ?? [],\n });\n return;\n }\n\n if (item) {\n onChange(e, item);\n }\n }\n };\n\n const Escape = (): void => {\n setOpen(false);\n };\n\n const Tab = (): void => {\n setOpen(false);\n };\n\n const Backspace: KeyHandler = (_, e): void => {\n if (searchValue) {\n return;\n }\n if (multiple) {\n removeValue(e, value[value.length - 1]);\n } else {\n clearValue(e);\n }\n };\n\n const getKeyProps = useKeys({\n ArrowUp,\n ArrowDown,\n PageUp: ArrowUp,\n PageDown: ArrowDown,\n Home: ArrowUp,\n End: ArrowDown,\n Enter,\n Escape,\n Tab,\n Backspace,\n });\n\n const getOptionProps = ({\n index,\n item,\n }: OptionProps<ITEM>): GetOptionPropsResult => {\n if (isOptionForCreate(item)) {\n return {\n onClick: (e: React.SyntheticEvent) => {\n onCreate(e, item.label);\n },\n onMouseEnter: () => {\n highlightIndex(index, false);\n },\n active: false,\n hovered: index === highlightedIndex,\n key: '__optionForCreate',\n };\n }\n if (isOptionForSelectAll(item)) {\n const getItems = (): ITEM[] => {\n for (const group of visibleItems) {\n if (isOptionForCreate(group)) {\n break;\n }\n if (group.key === item.groupKey) {\n return (\n (group?.items.filter(\n (el) => !isOptionForSelectAll(el),\n ) as ITEM[]) ?? []\n );\n }\n }\n return [];\n };\n return {\n onClick: (e: React.SyntheticEvent) => {\n onChangeAll({ e, items: getItems() });\n },\n onMouseEnter: () => {\n highlightIndex(index, false);\n },\n active: false,\n hovered: index === highlightedIndex,\n key: '__optionForSelectAll',\n };\n }\n const key = getItemKey(item);\n return {\n onClick: (e: React.SyntheticEvent) => {\n onChange(e, item);\n },\n onMouseEnter: () => {\n highlightIndex(index, false);\n },\n active: Boolean(value.find((item) => getItemKey(item) === key)),\n hovered: index === highlightedIndex,\n key,\n };\n };\n\n useClickOutside({\n isActive: isOpen,\n ignoreClicksInsideRefs: [dropdownRef, controlRef],\n handler: () => {\n setOpen(false);\n },\n });\n\n React.useEffect(() => {\n if (disabled) {\n setOpen(false);\n }\n }, [disabled]);\n\n React.useEffect(() => {\n const currentHighlightIndex = getSelectedOptionIndex();\n highlightIndex(currentHighlightIndex, true);\n }, [highlightIndex]);\n\n React.useEffect(() => {\n if (filteredOptions.length > 0 && scrollToHighlighted) {\n scrollToIndex(highlightedIndex, dropdownRef);\n }\n }, [highlightedIndex]);\n\n const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (!disabled) {\n if (!isFocused) {\n setIsFocused(true);\n }\n if (typeof onFocus === 'function') {\n onFocus(e);\n }\n }\n };\n\n const handleInputBlur = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (isOpen) {\n inputRef.current?.focus();\n return;\n }\n\n if (isFocused) {\n setIsFocused(false);\n }\n\n if (typeof onBlur === 'function') {\n onBlur(e);\n }\n };\n\n const handleToggleDropdown = (): void => {\n if (isOpen) {\n setOpen(false);\n setIsFocused(false);\n } else {\n setOpen(true);\n setIsFocused(true);\n inputRef.current?.focus();\n }\n };\n\n useEffect(() => {\n setSearch(searchValueProp);\n }, [searchValueProp]);\n\n return {\n isOpen,\n isFocused,\n highlightedIndex,\n visibleItems,\n highlightIndex,\n getOptionProps,\n handleInputFocus,\n handleInputBlur,\n handleToggleDropdown,\n handleInputClick,\n inputRef,\n getKeyProps,\n handleInputChange,\n searchValue,\n clearValue,\n getHandleRemoveValue,\n notFound,\n hasItems,\n };\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"useSelect.js","names":["React","useEffect","useMemo","useRef","useState","getCountedGroups","getGroups","useClickOutside","useDebounce","useKeys","usePrevious","scrollToIndex","useHoistedState","isMultipleParams","params","multiple","isNotMultipleParams","actions","setOpen","setSearch","highlightIndex","initialState","searchValue","resolvedSearchValue","isOpen","highlightedIndex","scrollToHighlighted","isOptionForCreate","Object","prototype","hasOwnProperty","call","isOptionForSelectAll","useSelect","items","dropdownRef","controlRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","selectAll","getGroupKey","sortGroups","getItemDisabled","onFocus","onBlur","searchValueProp","withoutClearSearch","inputRef","isFocused","setIsFocused","value","Array","isArray","setState","searchFunctionDefault","item","toLocaleLowerCase","indexOf","filteredOptions","filter","matchWithValueSearch","find","option","toString","toLowerCase","onCreate","label","__optionForCreate","optionForCreate","visibleItems","resultGroups","length","notFound","flag","group","hasItems","getSelectedOptionIndex","index","useCallback","newIsOpen","old","setResolvedSearch","prevIsOpen","useLayoutEffect","currentHighlightIndex","indexForHighlight","Math","min","max","removeValue","e","valueItem","stopPropagation","newValue","onChange","some","onChangeAll","parametrs","nonDisabledItems","currentGroupValues","withoutGroupValues","forEach","el","push","clearValue","results","ArrowUp","_","preventDefault","ArrowDown","getKeyProps","PageUp","PageDown","Home","End","Enter","getData","counter","Escape","Tab","Backspace","isActive","ignoreClicksInsideRefs","handler","getOptionProps","onClick","onMouseEnter","active","hovered","key","getItems","groupKey","handleInputFocus","handleInputBlur","current","focus","handleToggleDropdown","handleInputClick","handleInputChange","target","getHandleRemoveValue"],"sources":["../../../../../src/hooks/useSelect/useSelect.ts"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n CountedGroup,\n getCountedGroups,\n getGroups,\n SelectAllItem,\n} from '../../utils/getGroups';\nimport { useClickOutside } from '../useClickOutside/useClickOutside';\nimport { useDebounce } from '../useDebounce/useDebounce';\nimport { KeyHandler, useKeys } from '../useKeysDeprecated/useKeysDeprecated';\nimport { usePrevious } from '../usePrevious/usePrevious';\nimport { scrollToIndex, useHoistedState } from './helpers';\n\ntype IndexForHighlight = number | ((oldIndex: number) => number);\n\ntype Group<ITEM, GROUP> = {\n items: ITEM[];\n key: string | number;\n group?: GROUP;\n};\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\ntype SortGroups<ITEM, GROUP> = (\n a: Group<ITEM, GROUP>,\n b: Group<ITEM, GROUP>,\n) => number;\n\ntype OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {\n value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;\n e: React.SyntheticEvent;\n}) => void;\n\ntype ValueProp<ITEM, MULTIPLE extends boolean> =\n | (MULTIPLE extends true ? ITEM[] : ITEM)\n | null\n | undefined;\n\nexport type OptionForCreate = {\n label: string;\n __optionForCreate: boolean;\n};\n\nexport type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {\n getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;\n getGroupKey?: GetGroupKey<GROUP>;\n sortGroups?: SortGroups<ITEM, GROUP>;\n groups?: GROUP[];\n items: ITEM[];\n dropdownRef: React.MutableRefObject<HTMLDivElement | null>;\n controlRef: React.MutableRefObject<HTMLDivElement | null>;\n disabled?: boolean;\n selectAll?: boolean;\n getItemLabel: (item: ITEM) => string;\n getItemKey: (item: ITEM) => string | number;\n getItemDisabled?: (item: ITEM) => boolean | undefined;\n searchFunction?: (item: ITEM, searchValue: string) => boolean;\n onCreate?: (props: { e: React.SyntheticEvent; label: string }) => void;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n multiple: boolean;\n searchValue?: string;\n withoutClearSearch?: boolean;\n onChange: OnChangeProp<ITEM, MULTIPLE>;\n value: ValueProp<ITEM, MULTIPLE>;\n};\n\nexport type OptionProps<ITEM> = {\n index: number;\n item: ITEM | OptionForCreate | SelectAllItem;\n};\n\nexport type GetOptionPropsResult = {\n onClick: (e: React.SyntheticEvent) => void;\n onMouseEnter: (e: React.SyntheticEvent) => void;\n active: boolean;\n hovered: boolean;\n key: string | number;\n};\n\nconst isMultipleParams = <ITEM, GROUP>(\n params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, true> => {\n return params.multiple;\n};\n\nconst isNotMultipleParams = <ITEM, GROUP>(\n params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, false> => {\n return !params.multiple;\n};\n\nconst actions = {\n setOpen: 'setOpen',\n setSearch: 'setSearch',\n highlightIndex: 'highlightIndex',\n};\n\nconst initialState = {\n searchValue: '',\n resolvedSearchValue: '',\n isOpen: false,\n highlightedIndex: 0,\n scrollToHighlighted: false,\n};\n\nexport const isOptionForCreate = <ITEM, GROUP>(\n params: OptionForCreate | Group<ITEM, GROUP> | ITEM,\n): params is OptionForCreate => {\n return (\n params && Object.prototype.hasOwnProperty.call(params, '__optionForCreate')\n );\n};\n\nexport const isOptionForSelectAll = <ITEM, GROUP>(\n params: SelectAllItem | Group<ITEM, GROUP> | ITEM,\n): params is SelectAllItem => {\n return (\n params && Object.prototype.hasOwnProperty.call(params, '__optionSelectAll')\n );\n};\n\nexport function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(\n params: SelectProps<ITEM, GROUP, MULTIPLE>,\n) {\n const {\n items,\n dropdownRef,\n controlRef,\n disabled = false,\n multiple = false,\n getItemLabel,\n getItemKey,\n searchFunction,\n getItemGroupKey,\n groups,\n selectAll = false,\n getGroupKey,\n sortGroups,\n getItemDisabled,\n onFocus,\n onBlur,\n searchValue: searchValueProp,\n withoutClearSearch,\n } = params;\n\n const inputRef = useRef<HTMLInputElement>(null);\n const [isFocused, setIsFocused] = useState(false);\n\n const value =\n (params.value &&\n (Array.isArray(params.value) ? params.value : [params.value])) ||\n [];\n\n const [\n {\n searchValue,\n isOpen,\n highlightedIndex,\n resolvedSearchValue,\n scrollToHighlighted,\n },\n setState,\n ] = useHoistedState(initialState);\n\n const searchFunctionDefault = (item: ITEM, searchValue: string) =>\n getItemLabel(item)\n .toLocaleLowerCase()\n .indexOf(searchValue.toLocaleLowerCase()) !== -1;\n\n const [filteredOptions, optionForCreate] = React.useMemo(() => {\n if (resolvedSearchValue && resolvedSearchValue !== '') {\n const filteredOptions = items.filter((item) =>\n searchFunction\n ? searchFunction(item, resolvedSearchValue)\n : searchFunctionDefault(item, resolvedSearchValue),\n );\n\n const matchWithValueSearch = Boolean(\n items.find(\n (option) =>\n getItemLabel(option).toString().toLowerCase() ===\n resolvedSearchValue.toLocaleLowerCase(),\n ),\n );\n\n const optionForCreate: OptionForCreate = {\n label: searchValue,\n __optionForCreate: true,\n };\n\n return [\n filteredOptions,\n params.onCreate && !matchWithValueSearch ? optionForCreate : undefined,\n ] as const;\n }\n return [items, undefined] as const;\n }, [items, resolvedSearchValue]);\n\n const visibleItems = useMemo(() => {\n const resultGroups = getCountedGroups(\n getGroups(\n filteredOptions,\n groups?.length ? getItemGroupKey : undefined,\n groups,\n getGroupKey,\n sortGroups,\n ),\n isMultipleParams(params) ? params.value : [],\n selectAll,\n getItemKey,\n getItemDisabled,\n );\n\n return optionForCreate ? [optionForCreate, ...resultGroups] : resultGroups;\n }, [\n value,\n selectAll,\n filteredOptions,\n groups,\n getItemGroupKey,\n getItemDisabled,\n getGroupKey,\n sortGroups,\n optionForCreate,\n ]);\n\n const notFound = useMemo(() => {\n let flag = false;\n if (searchValue.length > 0) {\n flag =\n visibleItems.filter(\n (group) =>\n isOptionForCreate(group) || group.items.length > 0 || group.group,\n ).length === 0 && !params.onCreate;\n }\n return flag;\n }, [visibleItems]);\n\n const hasItems = items.length !== 0;\n\n const getSelectedOptionIndex = (): number => {\n let index = 0;\n if (value.length > 0) {\n for (const group of visibleItems) {\n if (isOptionForCreate(group)) {\n index++;\n // eslint-disable-next-line no-continue\n continue;\n }\n for (const item of group.items) {\n if (isOptionForSelectAll(item)) {\n return index;\n }\n if (getItemKey(item) === getItemKey(value[0])) {\n return index;\n }\n index++;\n }\n }\n }\n\n return 0;\n };\n\n // Actions\n\n const setOpen = React.useCallback(\n (newIsOpen: boolean) => {\n setState(\n (old) => ({\n ...old,\n isOpen: newIsOpen,\n }),\n actions.setOpen,\n );\n },\n [setState],\n );\n\n const setResolvedSearch = useDebounce((value: string) => {\n setState(\n (old) => ({\n ...old,\n resolvedSearchValue: value,\n }),\n actions.setSearch,\n );\n }, 300);\n\n const setSearch = React.useCallback(\n (value: string | undefined) => {\n setState(\n (old) => ({\n ...old,\n searchValue: value || '',\n }),\n actions.setSearch,\n );\n setResolvedSearch(value || '');\n },\n [setState, setResolvedSearch],\n );\n\n const prevIsOpen = usePrevious(isOpen);\n\n React.useLayoutEffect(() => {\n if (value !== null && !prevIsOpen && isOpen) {\n const currentHighlightIndex = getSelectedOptionIndex();\n if (filteredOptions.length > 0) {\n scrollToIndex(currentHighlightIndex, dropdownRef);\n }\n }\n });\n\n const highlightIndex = React.useCallback(\n (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => {\n setState((old) => {\n return {\n ...old,\n highlightedIndex: Math.min(\n Math.max(\n 0,\n typeof indexForHighlight === 'function'\n ? indexForHighlight(old.highlightedIndex)\n : indexForHighlight,\n ),\n optionForCreate\n ? filteredOptions.length\n : filteredOptions.length - 1,\n ),\n scrollToHighlighted,\n };\n }, actions.highlightIndex);\n },\n [filteredOptions, setState, optionForCreate],\n );\n\n const removeValue = (e: React.SyntheticEvent, valueItem: ITEM) => {\n e.stopPropagation();\n if (isMultipleParams(params)) {\n const newValue = params.value?.filter(\n (item) => getItemKey(item) !== getItemKey(valueItem),\n );\n params.onChange({\n e,\n value: newValue?.length ? newValue : null,\n });\n }\n };\n\n const onChange = (e: React.SyntheticEvent, item: ITEM) => {\n if (getItemDisabled && getItemDisabled(item)) {\n return;\n }\n if (isMultipleParams(params)) {\n const newValue = value.some(\n (value) => getItemKey(value) === getItemKey(item),\n )\n ? value.filter((value) => getItemKey(value) !== getItemKey(item))\n : [...value, item];\n params.onChange({ value: newValue.length ? newValue : null, e });\n }\n if (isNotMultipleParams(params)) {\n params.onChange({ value: item, e });\n setOpen(false);\n }\n !withoutClearSearch && setSearch('');\n };\n\n const onChangeAll = (parametrs: {\n e: React.SyntheticEvent;\n items: ITEM[];\n }) => {\n const { e, items } = parametrs;\n if (isMultipleParams(params)) {\n const nonDisabledItems = getItemDisabled\n ? items.filter((item) => !getItemDisabled(item))\n : items;\n\n const currentGroupValues: ITEM[] = [];\n const withoutGroupValues: ITEM[] = [];\n value.forEach((el) => {\n if (\n nonDisabledItems.find((item) => getItemKey(el) === getItemKey(item))\n ) {\n currentGroupValues.push(el);\n } else {\n withoutGroupValues.push(el);\n }\n });\n if (currentGroupValues.length === nonDisabledItems.length) {\n params.onChange({ value: withoutGroupValues, e });\n } else {\n params.onChange({\n e,\n value: [...withoutGroupValues, ...nonDisabledItems],\n });\n }\n }\n };\n\n const onCreate = (e: React.SyntheticEvent, label: string) => {\n params.onCreate && params.onCreate({ e, label });\n setOpen(false);\n !withoutClearSearch && setSearch('');\n };\n\n // Handlers\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n if (!disabled && !(!multiple && value.length > 0)) {\n setSearch(e.target.value);\n setOpen(true);\n }\n };\n\n const handleInputClick = (): void => {\n !disabled && setOpen(!isOpen);\n\n if (multiple) {\n inputRef.current?.focus();\n }\n };\n\n const clearValue = (e: React.SyntheticEvent) => {\n !withoutClearSearch && setSearch('');\n if (isMultipleParams(params)) {\n const results = value?.filter((item) => getItemDisabled?.(item));\n params.onChange({\n value: results && results.length > 0 ? results : null,\n e,\n });\n }\n if (isNotMultipleParams(params)) {\n params.onChange({ value: null, e });\n }\n };\n\n const getHandleRemoveValue = (item: ITEM) => (e: React.SyntheticEvent) =>\n removeValue(e, item);\n\n // Prop Getters\n\n const ArrowUp: KeyHandler = (_, e): void => {\n e.preventDefault();\n !disabled && setOpen(true);\n highlightIndex((old) => old - 1, true);\n };\n\n const ArrowDown: KeyHandler = (_, e): void => {\n e.preventDefault();\n !disabled && setOpen(true);\n highlightIndex((old) => old + 1, true);\n };\n\n const Enter: KeyHandler = (_, e): void => {\n if (isOpen) {\n if (searchValue || filteredOptions[highlightedIndex]) {\n e.preventDefault();\n }\n\n const getData = (\n index: number,\n ): [\n CountedGroup<ITEM, GROUP> | undefined,\n SelectAllItem | OptionForCreate | ITEM | undefined,\n ] => {\n let counter = 0;\n for (const group of visibleItems) {\n if (isOptionForCreate(group)) {\n counter++;\n return [undefined, group];\n }\n if (group.items.length + counter > index) {\n return [group, group.items[index - counter]];\n }\n counter += group.items.length;\n }\n return [undefined, undefined];\n };\n\n const [group, item] = getData(highlightedIndex);\n\n if (isOptionForCreate(item)) {\n onCreate(e, item.label);\n return;\n }\n\n if (isOptionForSelectAll(item)) {\n onChangeAll({\n e,\n items:\n (group?.items.filter(\n (el) => !isOptionForSelectAll(el),\n ) as ITEM[]) ?? [],\n });\n return;\n }\n\n if (item) {\n onChange(e, item);\n }\n }\n };\n\n const Escape = (): void => {\n setOpen(false);\n };\n\n const Tab = (): void => {\n setOpen(false);\n };\n\n const Backspace: KeyHandler = (_, e): void => {\n if (searchValue) {\n return;\n }\n if (multiple) {\n removeValue(e, value[value.length - 1]);\n } else {\n clearValue(e);\n }\n };\n\n const getKeyProps = useKeys({\n ArrowUp,\n ArrowDown,\n PageUp: ArrowUp,\n PageDown: ArrowDown,\n Home: ArrowUp,\n End: ArrowDown,\n Enter,\n Escape,\n Tab,\n Backspace,\n });\n\n const getOptionProps = ({\n index,\n item,\n }: OptionProps<ITEM>): GetOptionPropsResult => {\n if (isOptionForCreate(item)) {\n return {\n onClick: (e: React.SyntheticEvent) => {\n onCreate(e, item.label);\n },\n onMouseEnter: () => {\n highlightIndex(index, false);\n },\n active: false,\n hovered: index === highlightedIndex,\n key: '__optionForCreate',\n };\n }\n if (isOptionForSelectAll(item)) {\n const getItems = (): ITEM[] => {\n for (const group of visibleItems) {\n if (isOptionForCreate(group)) {\n break;\n }\n if (group.key === item.groupKey) {\n return (\n (group?.items.filter(\n (el) => !isOptionForSelectAll(el),\n ) as ITEM[]) ?? []\n );\n }\n }\n return [];\n };\n return {\n onClick: (e: React.SyntheticEvent) => {\n onChangeAll({ e, items: getItems() });\n },\n onMouseEnter: () => {\n highlightIndex(index, false);\n },\n active: false,\n hovered: index === highlightedIndex,\n key: '__optionForSelectAll',\n };\n }\n const key = getItemKey(item);\n return {\n onClick: (e: React.SyntheticEvent) => {\n onChange(e, item);\n },\n onMouseEnter: () => {\n highlightIndex(index, false);\n },\n active: Boolean(value.find((item) => getItemKey(item) === key)),\n hovered: index === highlightedIndex,\n key,\n };\n };\n\n useClickOutside({\n isActive: isOpen,\n ignoreClicksInsideRefs: [dropdownRef, controlRef],\n handler: () => {\n setOpen(false);\n },\n });\n\n React.useEffect(() => {\n if (disabled) {\n setOpen(false);\n }\n }, [disabled]);\n\n React.useEffect(() => {\n const currentHighlightIndex = getSelectedOptionIndex();\n highlightIndex(currentHighlightIndex, true);\n }, [highlightIndex]);\n\n React.useEffect(() => {\n if (filteredOptions.length > 0 && scrollToHighlighted) {\n scrollToIndex(highlightedIndex, dropdownRef);\n }\n }, [highlightedIndex]);\n\n const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (!disabled) {\n if (!isFocused) {\n setIsFocused(true);\n }\n if (typeof onFocus === 'function') {\n onFocus(e);\n }\n }\n };\n\n const handleInputBlur = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (isOpen) {\n inputRef.current?.focus();\n return;\n }\n\n if (isFocused) {\n setIsFocused(false);\n }\n\n if (typeof onBlur === 'function') {\n onBlur(e);\n }\n };\n\n const handleToggleDropdown = (): void => {\n if (isOpen) {\n setOpen(false);\n setIsFocused(false);\n } else {\n setOpen(true);\n setIsFocused(true);\n inputRef.current?.focus();\n }\n };\n\n useEffect(() => {\n setSearch(searchValueProp);\n }, [searchValueProp]);\n\n return {\n isOpen,\n isFocused,\n highlightedIndex,\n visibleItems,\n highlightIndex,\n getOptionProps,\n handleInputFocus,\n handleInputBlur,\n handleToggleDropdown,\n handleInputClick,\n inputRef,\n getKeyProps,\n handleInputChange,\n searchValue,\n clearValue,\n getHandleRemoveValue,\n notFound,\n hasItems,\n };\n}\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{useCallback,useEffect}from"react";import{useMutableRef}from"../useMutableRef";import{getElementSize}from"../useResizeObserved";export var defaultItemsCalculationCount=5;export var arraysIsEq=function(a,b){return a.join("-")===b.join("-")};export var useScroll=function(a,b,c){useEffect(function(){if(c){var d;null===(d=a.current)||void 0===d?void 0:d.addEventListener("scroll",b)}return function(){var c;null===(c=a.current)||void 0===c?void 0:c.removeEventListener("scroll",b)}},[a.current,b,c])};export var getElementHeight=function(a){return getElementSize(a).height};var roundPositionByGap=function(a,b){return 0>=a?0:Math.ceil(a/b)*b};export var getVisiblePosition=function(a,b,c){var d=b>c*defaultItemsCalculationCount?1.5*b:c*defaultItemsCalculationCount,e=[Math.ceil(roundPositionByGap(a-d,b)),Math.ceil(roundPositionByGap(0===a?d:a+d,b))];return e};export var calculateSavedSizes=function(a,b){for(var c,d=_toConsumableArray(a),e=0;e<b.length;e++)c=b[e],0<c&&(d[e]=c);return d};export var useCalculateVisiblePosition=function(a,b,c){var d=useMutableRef(Math.max.apply(null,c));return useCallback(function(){if(a){var c=getVisiblePosition(a.scrollTop,getElementHeight(a),d.current);b(function(a){return c[0]!==a[0]||c[1]!==a[1]?c:a})}},[a,b])};var addCount=function(a,b,c){for(var d=c.slice(-50),e=d.reduce(function(c,a){return c+a},0)/d.length,f=defaultItemsCalculationCount;b[1]>=a[1]+f*e;)f+=defaultItemsCalculationCount;return f};export var calculateBounds=function(a,b,c,d){for(var e=[0,0],f=[0,0],g=0;g<a.length;g++)c[0]>e[0]&&(e[0]+=a[g],f[0]=g+1),c[1]>e[1]&&(e[1]+=a[g],f[1]=g+1);return 0===f[0]&&0===f[1]&&(f[1]=defaultItemsCalculationCount),b.length!==a.length&&(f[1]+=addCount(e,c,a)),f[1]>d&&(f[1]=d),[e,f]};
2
+ //# sourceMappingURL=helpers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.js","names":["useCallback","useEffect","useMutableRef","getElementSize","defaultItemsCalculationCount","arraysIsEq","arr1","arr2","join","useScroll","ref","fn","isActive","current","addEventListener","removeEventListener","getElementHeight","el","height","roundPositionByGap","position","gap","Math","ceil","getVisiblePosition","top","elementMaxSize","visiblePosition","calculateSavedSizes","savedSizes","sizes","element","newSavedSizes","index","length","useCalculateVisiblePosition","scrollElement","set","elementsSizes","elementMaxSizeRef","max","apply","scrollTop","state","addCount","pxs","savedSize","lastSavedSize","slice","average","reduce","a","b","add","calculateBounds","indexs"],"sources":["../../../../../src/hooks/useVirtualScroll/helpers.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { getElementSize } from '##/hooks/useResizeObserved';\n\nexport type UseVirtualScrollProps = {\n length: number;\n isActive?: boolean;\n onScrollToBottom?: (index: number) => void;\n};\n\nexport type UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT> = {\n listRefs: React.RefObject<ITEM_ELEMENT>[];\n scrollElementRef: React.RefObject<SCROLL_ELEMENT>;\n slice: [number, number];\n spaceTop: number;\n};\n\nexport type Bounds = [[number, number], [number, number]];\n\nexport const defaultItemsCalculationCount = 5;\n\nexport const arraysIsEq = (arr1: number[], arr2: number[]) =>\n arr1.join('-') === arr2.join('-');\n\nexport const useScroll = (\n ref: RefObject<HTMLElement>,\n fn: () => void,\n isActive: boolean,\n) => {\n useEffect(() => {\n if (isActive) {\n ref.current?.addEventListener('scroll', fn);\n }\n\n return () => {\n ref.current?.removeEventListener('scroll', fn);\n };\n }, [ref.current, fn, isActive]);\n};\n\nexport const getElementHeight = (el: HTMLElement | SVGGraphicsElement | null) =>\n getElementSize(el).height;\n\nconst roundPositionByGap = (position: number, gap: number) => {\n if (position <= 0) {\n return 0;\n }\n return Math.ceil(position / gap) * gap;\n};\n\nexport const getVisiblePosition = (\n top: number,\n height: number,\n elementMaxSize: number,\n): [number, number] => {\n const gap =\n height > elementMaxSize * defaultItemsCalculationCount\n ? height * 1.5\n : elementMaxSize * defaultItemsCalculationCount;\n\n const visiblePosition: [number, number] = [\n Math.ceil(roundPositionByGap(top - gap, height)),\n Math.ceil(roundPositionByGap(top === 0 ? gap : top + gap, height)),\n ];\n\n return visiblePosition;\n};\n\nexport const calculateSavedSizes = (savedSizes: number[], sizes: number[]) => {\n const newSavedSizes = [...savedSizes];\n for (let index = 0; index < sizes.length; index++) {\n const element = sizes[index];\n if (element > 0) {\n newSavedSizes[index] = element;\n }\n }\n return newSavedSizes;\n};\n\nexport const useCalculateVisiblePosition = (\n scrollElement: HTMLElement | null,\n set: (value: React.SetStateAction<[number, number]>) => void,\n elementsSizes: number[],\n) => {\n const elementMaxSizeRef = useMutableRef(Math.max.apply(null, elementsSizes));\n\n return useCallback(() => {\n if (!scrollElement) {\n return;\n }\n\n const visiblePosition = getVisiblePosition(\n scrollElement.scrollTop,\n getElementHeight(scrollElement),\n elementMaxSizeRef.current,\n );\n\n set((state) => {\n if (visiblePosition[0] !== state[0] || visiblePosition[1] !== state[1]) {\n return visiblePosition;\n }\n\n return state;\n });\n }, [scrollElement, set]);\n};\n\nconst addCount = (\n pxs: [number, number],\n visiblePosition: [number, number],\n savedSize: number[],\n) => {\n const lastSavedSize = savedSize.slice(-50);\n const average =\n lastSavedSize.reduce((a, b) => a + b, 0) / lastSavedSize.length;\n\n let add = defaultItemsCalculationCount;\n\n while (visiblePosition[1] >= pxs[1] + add * average) {\n add += defaultItemsCalculationCount;\n }\n\n return add;\n};\n\nexport const calculateBounds = (\n savedSizes: number[],\n sizes: number[],\n visiblePosition: [number, number],\n length: number,\n): Bounds => {\n const pxs: [number, number] = [0, 0];\n const indexs: [number, number] = [0, 0];\n\n for (let index = 0; index < savedSizes.length; index++) {\n if (visiblePosition[0] > pxs[0]) {\n pxs[0] += savedSizes[index];\n indexs[0] = index + 1;\n }\n\n if (visiblePosition[1] > pxs[1]) {\n pxs[1] += savedSizes[index];\n indexs[1] = index + 1;\n }\n }\n\n if (indexs[0] === 0 && indexs[1] === 0) {\n indexs[1] = defaultItemsCalculationCount;\n }\n\n if (sizes.length !== savedSizes.length) {\n indexs[1] += addCount(pxs, visiblePosition, savedSizes);\n }\n\n if (indexs[1] > length) {\n indexs[1] = length;\n }\n\n return [pxs, indexs];\n};\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import { UseVirtualScrollProps, UseVirtualScrollReturn } from './hellpers';
1
+ import { UseVirtualScrollProps, UseVirtualScrollReturn } from './helpers';
2
2
  export declare const useVirtualScroll: <ITEM_ELEMENT extends HTMLElement = HTMLDivElement, SCROLL_ELEMENT extends HTMLElement = HTMLDivElement>({ length, onScrollToBottom, isActive, }: UseVirtualScrollProps) => UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT>;
@@ -1,2 +1,2 @@
1
- import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useMemo,useRef,useState}from"react";import{useMutableRef}from"../useMutableRef";import{useRefs}from"../useRefs";import{useResizeObserved}from"../useResizeObserved";import{arraysIsEq,calculateBounds,calculateSavedSizes,defaultItemsCalculationCount,getElementHeight,useCalculateVisiblePosition,useScroll}from"./hellpers";export var useVirtualScroll=function(a){var b=a.length,c=a.onScrollToBottom,d=a.isActive,e=void 0!==d&&d,f=useState([0,0]),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState([[0,0],[0,e?defaultItemsCalculationCount:b]]),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRefs(b,h),o=useRef(null),p=useResizeObserved(n,getElementHeight),q=useRef(calculateSavedSizes([],p)),r=useMutableRef(c),s=useResizeObserved(useMemo(function(){return[o]},[o]),getElementHeight),t=_slicedToArray(s,1),u=t[0],v=useCalculateVisiblePosition(o.current,i,p);return useScroll(o,v,e),useEffect(function(){e&&v()},[u,e]),useEffect(function(){e?(q.current=calculateSavedSizes(q.current,p),m(calculateBounds(q.current,p,h,b))):m([[0,0],[0,b]])},[].concat(_toConsumableArray(h),[p,b,e])),useEffect(function(){e&&r.current&&l[1][1]+1>=b&&r.current(b)},[l[1][1],e]),useEffect(function(){var a=[0,0],c=[[0,0],[0,e?defaultItemsCalculationCount:b]];m(function(a){return arraysIsEq(a[0],c[0])&&arraysIsEq(a[1],c[1])?a:c}),i(function(b){return arraysIsEq(b,a)?b:a})},[e]),{listRefs:n,scrollElementRef:o,slice:l[1],spaceTop:l[0][0]}};
1
+ import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useMemo,useRef,useState}from"react";import{useMutableRef}from"../useMutableRef";import{useRefs}from"../useRefs";import{useResizeObserved}from"../useResizeObserved";import{arraysIsEq,calculateBounds,calculateSavedSizes,defaultItemsCalculationCount,getElementHeight,useCalculateVisiblePosition,useScroll}from"./helpers";export var useVirtualScroll=function(a){var b=a.length,c=a.onScrollToBottom,d=a.isActive,e=void 0!==d&&d,f=useState([0,0]),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState([[0,0],[0,e?defaultItemsCalculationCount:b]]),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRefs(b,h),o=useRef(null),p=useResizeObserved(n,getElementHeight),q=useRef(calculateSavedSizes([],p)),r=useMutableRef(c),s=useResizeObserved(useMemo(function(){return[o]},[o]),getElementHeight),t=_slicedToArray(s,1),u=t[0],v=useCalculateVisiblePosition(o.current,i,p);return useScroll(o,v,e),useEffect(function(){e&&v()},[u,e]),useEffect(function(){e?(q.current=calculateSavedSizes(q.current,p),m(calculateBounds(q.current,p,h,b))):m([[0,0],[0,b]])},[].concat(_toConsumableArray(h),[p,b,e])),useEffect(function(){e&&r.current&&l[1][1]+1>=b&&r.current(b)},[l[1][1],e]),useEffect(function(){var a=[0,0],c=[[0,0],[0,e?defaultItemsCalculationCount:b]];m(function(a){return arraysIsEq(a[0],c[0])&&arraysIsEq(a[1],c[1])?a:c}),i(function(b){return arraysIsEq(b,a)?b:a})},[e]),{listRefs:n,scrollElementRef:o,slice:l[1],spaceTop:l[0][0]}};
2
2
  //# sourceMappingURL=useVirtualScroll.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useVirtualScroll.js","names":["useEffect","useMemo","useRef","useState","useMutableRef","useRefs","useResizeObserved","arraysIsEq","calculateBounds","calculateSavedSizes","defaultItemsCalculationCount","getElementHeight","useCalculateVisiblePosition","useScroll","useVirtualScroll","length","onScrollToBottom","isActive","visiblePosition","setVisiblePosition","bounds","setBounds","listRefs","scrollElementRef","sizes","savedSizesRef","onScrollToBottomRef","scrollElementRefHeight","calculateVisiblePosition","current","resetVisiblePosition","resetBounds","state","slice","spaceTop"],"sources":["../../../../../src/hooks/useVirtualScroll/useVirtualScroll.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport {\n arraysIsEq,\n Bounds,\n calculateBounds,\n calculateSavedSizes,\n defaultItemsCalculationCount,\n getElementHeight,\n useCalculateVisiblePosition,\n useScroll,\n UseVirtualScrollProps,\n UseVirtualScrollReturn,\n} from './hellpers';\n\nexport const useVirtualScroll = <\n ITEM_ELEMENT extends HTMLElement = HTMLDivElement,\n SCROLL_ELEMENT extends HTMLElement = HTMLDivElement,\n>({\n length,\n onScrollToBottom,\n isActive = false,\n}: UseVirtualScrollProps): UseVirtualScrollReturn<\n ITEM_ELEMENT,\n SCROLL_ELEMENT\n> => {\n const [visiblePosition, setVisiblePosition] = useState<[number, number]>([\n 0, 0,\n ]);\n const [bounds, setBounds] = useState<Bounds>([\n [0, 0],\n [0, isActive ? defaultItemsCalculationCount : length],\n ]);\n const listRefs = useRefs<ITEM_ELEMENT>(length, visiblePosition);\n const scrollElementRef = useRef<SCROLL_ELEMENT>(null);\n const sizes = useResizeObserved(listRefs, getElementHeight);\n const savedSizesRef = useRef(calculateSavedSizes([], sizes));\n const onScrollToBottomRef = useMutableRef(onScrollToBottom);\n const [scrollElementRefHeight] = useResizeObserved(\n useMemo(() => {\n return [scrollElementRef];\n }, [scrollElementRef]),\n getElementHeight,\n );\n const calculateVisiblePosition = useCalculateVisiblePosition(\n scrollElementRef.current,\n setVisiblePosition,\n sizes,\n );\n\n useScroll(scrollElementRef, calculateVisiblePosition, isActive);\n\n useEffect(() => {\n if (isActive) {\n calculateVisiblePosition();\n }\n }, [scrollElementRefHeight, isActive]);\n\n useEffect(() => {\n if (isActive) {\n savedSizesRef.current = calculateSavedSizes(savedSizesRef.current, sizes);\n setBounds(\n calculateBounds(savedSizesRef.current, sizes, visiblePosition, length),\n );\n } else {\n setBounds([\n [0, 0],\n [0, length],\n ]);\n }\n }, [...visiblePosition, sizes, length, isActive]);\n\n useEffect(() => {\n if (isActive && onScrollToBottomRef.current && bounds[1][1] + 1 >= length) {\n onScrollToBottomRef.current(length);\n }\n }, [bounds[1][1], isActive]);\n\n useEffect(() => {\n const resetVisiblePosition: [number, number] = [0, 0];\n const resetBounds: Bounds = [\n [0, 0],\n [0, isActive ? defaultItemsCalculationCount : length],\n ];\n\n setBounds((state) =>\n arraysIsEq(state[0], resetBounds[0]) &&\n arraysIsEq(state[1], resetBounds[1])\n ? state\n : resetBounds,\n );\n\n setVisiblePosition((state) =>\n arraysIsEq(state, resetVisiblePosition) ? state : resetVisiblePosition,\n );\n }, [isActive]);\n\n return {\n listRefs,\n scrollElementRef,\n slice: bounds[1],\n spaceTop: bounds[0][0],\n };\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"useVirtualScroll.js","names":["useEffect","useMemo","useRef","useState","useMutableRef","useRefs","useResizeObserved","arraysIsEq","calculateBounds","calculateSavedSizes","defaultItemsCalculationCount","getElementHeight","useCalculateVisiblePosition","useScroll","useVirtualScroll","length","onScrollToBottom","isActive","visiblePosition","setVisiblePosition","bounds","setBounds","listRefs","scrollElementRef","sizes","savedSizesRef","onScrollToBottomRef","scrollElementRefHeight","calculateVisiblePosition","current","resetVisiblePosition","resetBounds","state","slice","spaceTop"],"sources":["../../../../../src/hooks/useVirtualScroll/useVirtualScroll.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport {\n arraysIsEq,\n Bounds,\n calculateBounds,\n calculateSavedSizes,\n defaultItemsCalculationCount,\n getElementHeight,\n useCalculateVisiblePosition,\n useScroll,\n UseVirtualScrollProps,\n UseVirtualScrollReturn,\n} from './helpers';\n\nexport const useVirtualScroll = <\n ITEM_ELEMENT extends HTMLElement = HTMLDivElement,\n SCROLL_ELEMENT extends HTMLElement = HTMLDivElement,\n>({\n length,\n onScrollToBottom,\n isActive = false,\n}: UseVirtualScrollProps): UseVirtualScrollReturn<\n ITEM_ELEMENT,\n SCROLL_ELEMENT\n> => {\n const [visiblePosition, setVisiblePosition] = useState<[number, number]>([\n 0, 0,\n ]);\n const [bounds, setBounds] = useState<Bounds>([\n [0, 0],\n [0, isActive ? defaultItemsCalculationCount : length],\n ]);\n const listRefs = useRefs<ITEM_ELEMENT>(length, visiblePosition);\n const scrollElementRef = useRef<SCROLL_ELEMENT>(null);\n const sizes = useResizeObserved(listRefs, getElementHeight);\n const savedSizesRef = useRef(calculateSavedSizes([], sizes));\n const onScrollToBottomRef = useMutableRef(onScrollToBottom);\n const [scrollElementRefHeight] = useResizeObserved(\n useMemo(() => {\n return [scrollElementRef];\n }, [scrollElementRef]),\n getElementHeight,\n );\n const calculateVisiblePosition = useCalculateVisiblePosition(\n scrollElementRef.current,\n setVisiblePosition,\n sizes,\n );\n\n useScroll(scrollElementRef, calculateVisiblePosition, isActive);\n\n useEffect(() => {\n if (isActive) {\n calculateVisiblePosition();\n }\n }, [scrollElementRefHeight, isActive]);\n\n useEffect(() => {\n if (isActive) {\n savedSizesRef.current = calculateSavedSizes(savedSizesRef.current, sizes);\n setBounds(\n calculateBounds(savedSizesRef.current, sizes, visiblePosition, length),\n );\n } else {\n setBounds([\n [0, 0],\n [0, length],\n ]);\n }\n }, [...visiblePosition, sizes, length, isActive]);\n\n useEffect(() => {\n if (isActive && onScrollToBottomRef.current && bounds[1][1] + 1 >= length) {\n onScrollToBottomRef.current(length);\n }\n }, [bounds[1][1], isActive]);\n\n useEffect(() => {\n const resetVisiblePosition: [number, number] = [0, 0];\n const resetBounds: Bounds = [\n [0, 0],\n [0, isActive ? defaultItemsCalculationCount : length],\n ];\n\n setBounds((state) =>\n arraysIsEq(state[0], resetBounds[0]) &&\n arraysIsEq(state[1], resetBounds[1])\n ? state\n : resetBounds,\n );\n\n setVisiblePosition((state) =>\n arraysIsEq(state, resetVisiblePosition) ? state : resetVisiblePosition,\n );\n }, [isActive]);\n\n return {\n listRefs,\n scrollElementRef,\n slice: bounds[1],\n spaceTop: bounds[0][0],\n };\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- .MixPopoverAnimate{--mix-dropdown-animate-space:var(--space-s);--mix-dropdown-animate-transform:translateY(var(--mix-dropdown-animate-space));--mix-dropdown-animate-timeout:0.2s;--mix-dropdown-animate-trasition:opacity var(--mix-dropdown-animate-timeout),transform var(--mix-dropdown-animate-timeout)}.MixPopoverAnimate_animate_exit{opacity:1;pointer-events:none;transform:translate(0)}.MixPopoverAnimate_animate_enter,.MixPopoverAnimate_animate_exitActive,.MixPopoverAnimate_animate_exitDone,.MixPopoverAnimate_animate_exited,.MixPopoverAnimate_animate_exiting,.MixPopoverAnimate_animate_unmounted{opacity:0;pointer-events:none;transform:var(--mix-dropdown-animate-transform)}.MixPopoverAnimate_animate_enterActive,.MixPopoverAnimate_animate_enterDone,.MixPopoverAnimate_animate_entered,.MixPopoverAnimate_animate_entering{opacity:1;transform:translate(0)}.MixPopoverAnimate_animate_enterActive,.MixPopoverAnimate_animate_enterDone,.MixPopoverAnimate_animate_entered,.MixPopoverAnimate_animate_entering,.MixPopoverAnimate_animate_exitActive,.MixPopoverAnimate_animate_exitDone,.MixPopoverAnimate_animate_exiting{transition:var(--mix-dropdown-animate-trasition)}
1
+ .MixPopoverAnimate{--mix-dropdown-animate-space:var(--space-s);--mix-dropdown-animate-transform:translateY(var(--mix-dropdown-animate-space));--mix-dropdown-animate-timeout:0.2s;--mix-dropdown-animate-transition:opacity var(--mix-dropdown-animate-timeout),transform var(--mix-dropdown-animate-timeout)}.MixPopoverAnimate_animate_exit{opacity:1;pointer-events:none;transform:translate(0)}.MixPopoverAnimate_animate_enter,.MixPopoverAnimate_animate_exitActive,.MixPopoverAnimate_animate_exitDone,.MixPopoverAnimate_animate_exited,.MixPopoverAnimate_animate_exiting,.MixPopoverAnimate_animate_unmounted{opacity:0;pointer-events:none;transform:var(--mix-dropdown-animate-transform)}.MixPopoverAnimate_animate_enterActive,.MixPopoverAnimate_animate_enterDone,.MixPopoverAnimate_animate_entered,.MixPopoverAnimate_animate_entering{opacity:1;transform:translate(0)}.MixPopoverAnimate_animate_enterActive,.MixPopoverAnimate_animate_enterDone,.MixPopoverAnimate_animate_entered,.MixPopoverAnimate_animate_entering,.MixPopoverAnimate_animate_exitActive,.MixPopoverAnimate_animate_exitDone,.MixPopoverAnimate_animate_exiting{transition:var(--mix-dropdown-animate-transition)}
@@ -1,2 +1,2 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./ThemePreview.css";import React,{useReducer}from"react";import{Grid}from"../../../components/Grid";import{Text}from"../../../components/Text";import{useStyleProps}from"../../../hooks/useStyleProps";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{SnackBar}from"../../../components/SnackBar/SnackBar";import{cn}from"../../cn";import{ColorPreview}from"../ColorPreview/ColorPreview";import{bgColors,clearControls,defaultControls,disableControls,ghostControls,primaryControls,scrollbarColors,secondaryControls,typoColors}from"./helpers";var cnThemePreview=cn("ThemePreview"),cssColorVars=["--color-bg-default","--color-bg-secondary","--color-bg-brand","--color-bg-link","--color-bg-border","--color-bg-stripe","--color-bg-ghost","--color-bg-tone","--color-bg-soft","--color-bg-system","--color-bg-normal","--color-bg-success","--color-bg-caution","--color-bg-warning","--color-bg-alert","--color-bg-critical","--color-typo-primary","--color-typo-secondary","--color-typo-ghost","--color-typo-brand","--color-typo-system","--color-typo-normal","--color-typo-success","--color-typo-caution","--color-typo-warning","--color-typo-alert","--color-typo-critical","--color-typo-link","--color-typo-link-minor","--color-typo-link-hover","--color-scroll-bg","--color-scroll-thumb","--color-scroll-thumb-hover","--color-control-bg-default","--color-control-typo-default","--color-control-typo-placeholder","--color-control-bg-border-default","--color-control-bg-border-default-hover","--color-control-bg-border-focus","--color-control-bg-focus","--color-control-bg-active","--color-control-bg-primary","--color-control-bg-primary-hover","--color-control-typo-primary","--color-control-typo-primary-hover","--color-control-bg-secondary","--color-control-bg-border-secondary","--color-control-bg-border-secondary-hover","--color-control-typo-secondary","--color-control-typo-secondary-hover","--color-control-bg-ghost","--color-control-bg-ghost-hover","--color-control-typo-ghost","--color-control-typo-ghost-hover","--color-control-bg-clear","--color-control-bg-clear-hover","--color-control-typo-clear","--color-control-typo-clear-hover","--color-control-bg-disable","--color-control-bg-border-disable","--color-control-typo-disable"];function reducer(a,b){switch(b.type){case"add":return[].concat(_toConsumableArray(a),[b.item]);case"remove":return a.filter(function(a){return a.key!==b.key});}}export var ThemePreview=function(){var a=useReducer(reducer,[]),b=_slicedToArray(a,2),c=b[0],d=b[1],e=function(a){return function(){d({type:"add",item:{key:"".concat(a.color,"-").concat(c.length+1),message:"\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",status:"system",autoClose:3,onClose:function onClose(a){d({type:"remove",key:a.key})}}})}},f=useStyleProps(cssColorVars),g=_slicedToArray(f,2),h=g[0],i=g[1],j={breakpointsForRef:h,breakpoints:{620:{cols:2},760:{cols:3}},colGap:"m",rowGap:"l",cols:1,className:cnMixSpace({mB:"3xl"})};return React.createElement("div",{ref:h},React.createElement(SnackBar,{className:cnThemePreview("Snackbar"),items:c}),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0444\u043E\u043D\u043E\u0432"),React.createElement(Grid,j,bgColors.map(function(a,b){var c=a.color,d=a.description;return React.createElement(ColorPreview,{value:i[c],color:c,description:d,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0438"),React.createElement(Grid,j,typoColors.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0441\u043A\u0440\u043E\u043B\u043B\u0431\u0430\u0440\u0430"),React.createElement(Grid,j,scrollbarColors.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",null,React.createElement("section",null,React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Default"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0431\u043E\u043B\u044C\u0448\u0438\u043D\u0441\u0442\u0432\u0430 \u043D\u0435\u0439\u0442\u0440\u0430\u043B\u044C\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement(Grid,j,defaultControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Primary"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0430\u043A\u0446\u0435\u043D\u0442\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 \u0438 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439"),React.createElement(Grid,j,primaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Secondary"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0432\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438)"),React.createElement(Grid,j,secondaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl"})},React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Ghost"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0442\u0440\u0435\u0442\u044C\u0435\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432, \u0447\u0430\u0441\u0442\u043E \u0438\u0434\u0443\u0449\u0438\u0445 \u0432 \u043F\u0430\u0440\u0435 \u0441 Primary"),React.createElement(Grid,j,ghostControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl"})},React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Clear"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \xAB\u043D\u0435\u0432\u0438\u0434\u0438\u043C\u044B\u0445\xBB \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438 \u0431\u0435\u0437 \u044F\u0432\u043D\u043E\u0439 \u0433\u0440\u0430\u043D\u0438\u0446\u044B)"),React.createElement(Grid,j,clearControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl"})},React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Disable"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement(Grid,j,disableControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))))))};export default ColorPreview;
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./ThemePreview.css";import React,{useReducer}from"react";import{Grid}from"../../../components/Grid";import{Text}from"../../../components/Text";import{useStyleProps}from"../../../hooks/useStyleProps";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{SnackBar}from"../../../components/SnackBar/SnackBar";import{cn}from"../../cn";import{ColorPreview}from"../ColorPreview/ColorPreview";import{bgColors,clearControls,defaultControls,disableControls,ghostControls,primaryControls,scrollbarColors,secondaryControls,typoColors}from"./helpers";var cnThemePreview=cn("ThemePreview"),cssColorVars=["--color-bg-default","--color-bg-secondary","--color-bg-brand","--color-bg-link","--color-bg-border","--color-bg-stripe","--color-bg-ghost","--color-bg-tone","--color-bg-soft","--color-bg-system","--color-bg-normal","--color-bg-success","--color-bg-caution","--color-bg-warning","--color-bg-alert","--color-bg-critical","--color-typo-primary","--color-typo-secondary","--color-typo-ghost","--color-typo-brand","--color-typo-system","--color-typo-normal","--color-typo-success","--color-typo-caution","--color-typo-warning","--color-typo-alert","--color-typo-critical","--color-typo-link","--color-typo-link-minor","--color-typo-link-hover","--color-scroll-bg","--color-scroll-thumb","--color-scroll-thumb-hover","--color-control-bg-default","--color-control-typo-default","--color-control-typo-placeholder","--color-control-bg-border-default","--color-control-bg-border-default-hover","--color-control-bg-border-focus","--color-control-bg-focus","--color-control-bg-active","--color-control-bg-primary","--color-control-bg-primary-hover","--color-control-typo-primary","--color-control-typo-primary-hover","--color-control-bg-secondary","--color-control-bg-border-secondary","--color-control-bg-border-secondary-hover","--color-control-typo-secondary","--color-control-typo-secondary-hover","--color-control-bg-ghost","--color-control-bg-ghost-hover","--color-control-typo-ghost","--color-control-typo-ghost-hover","--color-control-bg-clear","--color-control-bg-clear-hover","--color-control-typo-clear","--color-control-typo-clear-hover","--color-control-bg-disable","--color-control-bg-border-disable","--color-control-typo-disable"];function reducer(a,b){switch(b.type){case"add":return[].concat(_toConsumableArray(a),[b.item]);case"remove":return a.filter(function(a){return a.key!==b.key});}}export var ThemePreview=function(){var a=useReducer(reducer,[]),b=_slicedToArray(a,2),c=b[0],d=b[1],e=function(a){return function(){d({type:"add",item:{key:"".concat(a.color,"-").concat(c.length+1),message:"\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",status:"system",autoClose:3,onClose:function onClose(a){d({type:"remove",key:a.key})}}})}},f=useStyleProps(cssColorVars),g=_slicedToArray(f,2),h=g[0],i=g[1],j={breakpointsForRef:h,breakpoints:{620:{cols:2},760:{cols:3}},colGap:"m",rowGap:"l",cols:1,className:cnMixSpace({mB:"3xl"})};return React.createElement("div",{ref:h},React.createElement(SnackBar,{className:cnThemePreview("Snackbar"),items:c}),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0444\u043E\u043D\u043E\u0432"),React.createElement(Grid,j,bgColors.map(function(a,b){var c=a.color,d=a.description;return React.createElement(ColorPreview,{value:i[c],color:c,description:d,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0438"),React.createElement(Grid,j,typoColors.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0441\u043A\u0440\u043E\u043B\u043B\u0431\u0430\u0440\u0430"),React.createElement(Grid,j,scrollbarColors.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",null,React.createElement("section",null,React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Default"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0431\u043E\u043B\u044C\u0448\u0438\u043D\u0441\u0442\u0432\u0430 \u043D\u0435\u0439\u0442\u0440\u0430\u043B\u044C\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement(Grid,j,defaultControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Primary"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0430\u043A\u0446\u0435\u043D\u0442\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 \u0438 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439"),React.createElement(Grid,j,primaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Secondary"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0432\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438)"),React.createElement(Grid,j,secondaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl"})},React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Ghost"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0442\u0440\u0435\u0442\u044C\u0435\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432, \u0447\u0430\u0441\u0442\u043E \u0438\u0434\u0443\u0449\u0438\u0445 \u0432 \u043F\u0430\u0440\u0435 \u0441 Primary"),React.createElement(Grid,j,ghostControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl"})},React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Clear"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \xAB\u043D\u0435\u0432\u0438\u0434\u0438\u043C\u044B\u0445\xBB \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438 \u0431\u0435\u0437 \u044F\u0432\u043D\u043E\u0439 \u0433\u0440\u0430\u043D\u0438\u0446\u044B)"),React.createElement(Grid,j,clearControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl"})},React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Disable"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement(Grid,j,disableControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))))))};export default ColorPreview;
2
2
  //# sourceMappingURL=ThemePreview.js.map