@mantine/core 3.5.5 → 3.6.1

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 (320) hide show
  1. package/README.md +0 -1
  2. package/cjs/components/Accordion/Accordion.js +4 -1
  3. package/cjs/components/Accordion/Accordion.js.map +1 -1
  4. package/cjs/components/Accordion/AccordionItem/AccordionItem.js +5 -1
  5. package/cjs/components/Accordion/AccordionItem/AccordionItem.js.map +1 -1
  6. package/cjs/components/ActionIcon/ActionIcon.js +2 -5
  7. package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
  8. package/cjs/components/Autocomplete/Autocomplete.js +1 -1
  9. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  10. package/cjs/components/Button/Button.styles.js +1 -0
  11. package/cjs/components/Button/Button.styles.js.map +1 -1
  12. package/cjs/components/Button/UnstyledButton/UnstyledButton.styles.js +2 -1
  13. package/cjs/components/Button/UnstyledButton/UnstyledButton.styles.js.map +1 -1
  14. package/cjs/components/Code/Code.js +3 -1
  15. package/cjs/components/Code/Code.js.map +1 -1
  16. package/cjs/components/ColorInput/ColorInput.js +0 -2
  17. package/cjs/components/ColorInput/ColorInput.js.map +1 -1
  18. package/cjs/components/ColorInput/ColorInput.styles.js +0 -4
  19. package/cjs/components/ColorInput/ColorInput.styles.js.map +1 -1
  20. package/cjs/components/Drawer/Drawer.js +7 -1
  21. package/cjs/components/Drawer/Drawer.js.map +1 -1
  22. package/cjs/components/Grid/Col/Col.js.map +1 -1
  23. package/cjs/components/Grid/Grid.js +7 -1
  24. package/cjs/components/Grid/Grid.js.map +1 -1
  25. package/cjs/components/Group/Group.js +1 -1
  26. package/cjs/components/Group/Group.js.map +1 -1
  27. package/cjs/components/Input/Input.js +3 -0
  28. package/cjs/components/Input/Input.js.map +1 -1
  29. package/cjs/components/Input/Input.styles.js +11 -2
  30. package/cjs/components/Input/Input.styles.js.map +1 -1
  31. package/cjs/components/Menu/Menu.js.map +1 -1
  32. package/cjs/components/Menu/Menu.styles.js +1 -0
  33. package/cjs/components/Menu/Menu.styles.js.map +1 -1
  34. package/cjs/components/MultiSelect/MultiSelect.js +26 -23
  35. package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
  36. package/cjs/components/Pagination/DefaultItem/DefaultItem.js +10 -1
  37. package/cjs/components/Pagination/DefaultItem/DefaultItem.js.map +1 -1
  38. package/cjs/components/Popover/Popover.js +8 -3
  39. package/cjs/components/Popover/Popover.js.map +1 -1
  40. package/cjs/components/Popper/Popper.js +30 -2
  41. package/cjs/components/Popper/Popper.js.map +1 -1
  42. package/cjs/components/Popper/Popper.styles.js +20 -12
  43. package/cjs/components/Popper/Popper.styles.js.map +1 -1
  44. package/cjs/components/Portal/Portal.js +3 -0
  45. package/cjs/components/Portal/Portal.js.map +1 -1
  46. package/cjs/components/Progress/Progress.js +3 -3
  47. package/cjs/components/Progress/Progress.js.map +1 -1
  48. package/cjs/components/Progress/Progress.styles.js +1 -1
  49. package/cjs/components/Progress/Progress.styles.js.map +1 -1
  50. package/cjs/components/RadioGroup/Radio/Radio.js +1 -1
  51. package/cjs/components/RadioGroup/Radio/Radio.js.map +1 -1
  52. package/cjs/components/ScrollArea/ScrollArea.js +15 -7
  53. package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
  54. package/cjs/components/ScrollArea/ScrollArea.styles.js +2 -3
  55. package/cjs/components/ScrollArea/ScrollArea.styles.js.map +1 -1
  56. package/cjs/components/SegmentedControl/SegmentedControl.js +17 -15
  57. package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
  58. package/cjs/components/SegmentedControl/SegmentedControl.styles.js +37 -36
  59. package/cjs/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
  60. package/cjs/components/Select/Select.js +14 -8
  61. package/cjs/components/Select/Select.js.map +1 -1
  62. package/cjs/components/Select/SelectDropdown/SelectDropdown.js +1 -0
  63. package/cjs/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
  64. package/cjs/components/Slider/Marks/Marks.js +3 -2
  65. package/cjs/components/Slider/Marks/Marks.js.map +1 -1
  66. package/cjs/components/Slider/Marks/Marks.styles.js +2 -2
  67. package/cjs/components/Slider/Marks/Marks.styles.js.map +1 -1
  68. package/cjs/components/Slider/RangeSlider/RangeSlider.js +14 -6
  69. package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
  70. package/cjs/components/Slider/Slider/Slider.js +11 -9
  71. package/cjs/components/Slider/Slider/Slider.js.map +1 -1
  72. package/cjs/components/Slider/Thumb/Thumb.js +3 -2
  73. package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
  74. package/cjs/components/Slider/Thumb/Thumb.styles.js +1 -1
  75. package/cjs/components/Slider/Thumb/Thumb.styles.js.map +1 -1
  76. package/cjs/components/Slider/Track/Track.js +7 -2
  77. package/cjs/components/Slider/Track/Track.js.map +1 -1
  78. package/cjs/components/Slider/Track/Track.styles.js +14 -3
  79. package/cjs/components/Slider/Track/Track.styles.js.map +1 -1
  80. package/cjs/components/Space/Space.js +1 -1
  81. package/cjs/components/Space/Space.js.map +1 -1
  82. package/cjs/components/Stepper/Step/Step.js +2 -0
  83. package/cjs/components/Stepper/Step/Step.js.map +1 -1
  84. package/cjs/components/Stepper/Stepper.js +3 -2
  85. package/cjs/components/Stepper/Stepper.js.map +1 -1
  86. package/cjs/components/Switch/Switch.js.map +1 -1
  87. package/cjs/components/Table/Table.js +7 -3
  88. package/cjs/components/Table/Table.js.map +1 -1
  89. package/cjs/components/Table/Table.styles.js +9 -3
  90. package/cjs/components/Table/Table.styles.js.map +1 -1
  91. package/cjs/components/Tabs/TabControl/TabControl.js +2 -0
  92. package/cjs/components/Tabs/TabControl/TabControl.js.map +1 -1
  93. package/cjs/components/Tabs/Tabs.js +8 -4
  94. package/cjs/components/Tabs/Tabs.js.map +1 -1
  95. package/cjs/components/Text/Text.styles.js +1 -1
  96. package/cjs/components/Text/Text.styles.js.map +1 -1
  97. package/cjs/components/Textarea/Textarea.js +16 -23
  98. package/cjs/components/Textarea/Textarea.js.map +1 -1
  99. package/cjs/components/Timeline/Timeline.js +12 -10
  100. package/cjs/components/Timeline/Timeline.js.map +1 -1
  101. package/cjs/components/Tooltip/Tooltip.js +24 -14
  102. package/cjs/components/Tooltip/Tooltip.js.map +1 -1
  103. package/cjs/components/TransferList/RenderList/RenderList.js +54 -37
  104. package/cjs/components/TransferList/RenderList/RenderList.js.map +1 -1
  105. package/cjs/components/TransferList/RenderList/RenderList.styles.js +3 -1
  106. package/cjs/components/TransferList/RenderList/RenderList.styles.js.map +1 -1
  107. package/cjs/components/TransferList/TransferList.js +23 -24
  108. package/cjs/components/TransferList/TransferList.js.map +1 -1
  109. package/cjs/components/Transition/GroupedTransition.js +2 -0
  110. package/cjs/components/Transition/GroupedTransition.js.map +1 -1
  111. package/cjs/components/Transition/Transition.js +2 -0
  112. package/cjs/components/Transition/Transition.js.map +1 -1
  113. package/cjs/components/Transition/use-transition.js +6 -3
  114. package/cjs/components/Transition/use-transition.js.map +1 -1
  115. package/cjs/utils/{group-sort-data/group-sort-data.js → group-options/group-options.js} +6 -6
  116. package/cjs/utils/group-options/group-options.js.map +1 -0
  117. package/esm/components/Accordion/Accordion.js +4 -1
  118. package/esm/components/Accordion/Accordion.js.map +1 -1
  119. package/esm/components/Accordion/AccordionItem/AccordionItem.js +5 -1
  120. package/esm/components/Accordion/AccordionItem/AccordionItem.js.map +1 -1
  121. package/esm/components/ActionIcon/ActionIcon.js +2 -5
  122. package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
  123. package/esm/components/Autocomplete/Autocomplete.js +1 -1
  124. package/esm/components/Autocomplete/Autocomplete.js.map +1 -1
  125. package/esm/components/Button/Button.styles.js +1 -0
  126. package/esm/components/Button/Button.styles.js.map +1 -1
  127. package/esm/components/Button/UnstyledButton/UnstyledButton.styles.js +2 -1
  128. package/esm/components/Button/UnstyledButton/UnstyledButton.styles.js.map +1 -1
  129. package/esm/components/Code/Code.js +3 -1
  130. package/esm/components/Code/Code.js.map +1 -1
  131. package/esm/components/ColorInput/ColorInput.js +0 -2
  132. package/esm/components/ColorInput/ColorInput.js.map +1 -1
  133. package/esm/components/ColorInput/ColorInput.styles.js +0 -4
  134. package/esm/components/ColorInput/ColorInput.styles.js.map +1 -1
  135. package/esm/components/Drawer/Drawer.js +7 -1
  136. package/esm/components/Drawer/Drawer.js.map +1 -1
  137. package/esm/components/Grid/Col/Col.js.map +1 -1
  138. package/esm/components/Grid/Grid.js +7 -1
  139. package/esm/components/Grid/Grid.js.map +1 -1
  140. package/esm/components/Group/Group.js +1 -1
  141. package/esm/components/Group/Group.js.map +1 -1
  142. package/esm/components/Input/Input.js +3 -0
  143. package/esm/components/Input/Input.js.map +1 -1
  144. package/esm/components/Input/Input.styles.js +11 -2
  145. package/esm/components/Input/Input.styles.js.map +1 -1
  146. package/esm/components/Menu/Menu.js.map +1 -1
  147. package/esm/components/Menu/Menu.styles.js +1 -0
  148. package/esm/components/Menu/Menu.styles.js.map +1 -1
  149. package/esm/components/MultiSelect/MultiSelect.js +26 -23
  150. package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
  151. package/esm/components/Pagination/DefaultItem/DefaultItem.js +10 -1
  152. package/esm/components/Pagination/DefaultItem/DefaultItem.js.map +1 -1
  153. package/esm/components/Popover/Popover.js +8 -3
  154. package/esm/components/Popover/Popover.js.map +1 -1
  155. package/esm/components/Popper/Popper.js +30 -2
  156. package/esm/components/Popper/Popper.js.map +1 -1
  157. package/esm/components/Popper/Popper.styles.js +20 -12
  158. package/esm/components/Popper/Popper.styles.js.map +1 -1
  159. package/esm/components/Portal/Portal.js +3 -0
  160. package/esm/components/Portal/Portal.js.map +1 -1
  161. package/esm/components/Progress/Progress.js +3 -3
  162. package/esm/components/Progress/Progress.js.map +1 -1
  163. package/esm/components/Progress/Progress.styles.js +1 -1
  164. package/esm/components/Progress/Progress.styles.js.map +1 -1
  165. package/esm/components/RadioGroup/Radio/Radio.js +1 -1
  166. package/esm/components/RadioGroup/Radio/Radio.js.map +1 -1
  167. package/esm/components/ScrollArea/ScrollArea.js +14 -6
  168. package/esm/components/ScrollArea/ScrollArea.js.map +1 -1
  169. package/esm/components/ScrollArea/ScrollArea.styles.js +2 -3
  170. package/esm/components/ScrollArea/ScrollArea.styles.js.map +1 -1
  171. package/esm/components/SegmentedControl/SegmentedControl.js +19 -17
  172. package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
  173. package/esm/components/SegmentedControl/SegmentedControl.styles.js +37 -36
  174. package/esm/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
  175. package/esm/components/Select/Select.js +14 -8
  176. package/esm/components/Select/Select.js.map +1 -1
  177. package/esm/components/Select/SelectDropdown/SelectDropdown.js +1 -0
  178. package/esm/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
  179. package/esm/components/Slider/Marks/Marks.js +3 -2
  180. package/esm/components/Slider/Marks/Marks.js.map +1 -1
  181. package/esm/components/Slider/Marks/Marks.styles.js +2 -2
  182. package/esm/components/Slider/Marks/Marks.styles.js.map +1 -1
  183. package/esm/components/Slider/RangeSlider/RangeSlider.js +11 -3
  184. package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
  185. package/esm/components/Slider/Slider/Slider.js +8 -6
  186. package/esm/components/Slider/Slider/Slider.js.map +1 -1
  187. package/esm/components/Slider/Thumb/Thumb.js +3 -2
  188. package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
  189. package/esm/components/Slider/Thumb/Thumb.styles.js +1 -1
  190. package/esm/components/Slider/Thumb/Thumb.styles.js.map +1 -1
  191. package/esm/components/Slider/Track/Track.js +7 -2
  192. package/esm/components/Slider/Track/Track.js.map +1 -1
  193. package/esm/components/Slider/Track/Track.styles.js +14 -3
  194. package/esm/components/Slider/Track/Track.styles.js.map +1 -1
  195. package/esm/components/Space/Space.js +1 -1
  196. package/esm/components/Space/Space.js.map +1 -1
  197. package/esm/components/Stepper/Step/Step.js +2 -0
  198. package/esm/components/Stepper/Step/Step.js.map +1 -1
  199. package/esm/components/Stepper/Stepper.js +3 -2
  200. package/esm/components/Stepper/Stepper.js.map +1 -1
  201. package/esm/components/Switch/Switch.js.map +1 -1
  202. package/esm/components/Table/Table.js +7 -3
  203. package/esm/components/Table/Table.js.map +1 -1
  204. package/esm/components/Table/Table.styles.js +9 -3
  205. package/esm/components/Table/Table.styles.js.map +1 -1
  206. package/esm/components/Tabs/TabControl/TabControl.js +2 -0
  207. package/esm/components/Tabs/TabControl/TabControl.js.map +1 -1
  208. package/esm/components/Tabs/Tabs.js +8 -4
  209. package/esm/components/Tabs/Tabs.js.map +1 -1
  210. package/esm/components/Text/Text.styles.js +1 -1
  211. package/esm/components/Text/Text.styles.js.map +1 -1
  212. package/esm/components/Textarea/Textarea.js +16 -23
  213. package/esm/components/Textarea/Textarea.js.map +1 -1
  214. package/esm/components/Timeline/Timeline.js +12 -10
  215. package/esm/components/Timeline/Timeline.js.map +1 -1
  216. package/esm/components/Tooltip/Tooltip.js +25 -15
  217. package/esm/components/Tooltip/Tooltip.js.map +1 -1
  218. package/esm/components/TransferList/RenderList/RenderList.js +54 -37
  219. package/esm/components/TransferList/RenderList/RenderList.js.map +1 -1
  220. package/esm/components/TransferList/RenderList/RenderList.styles.js +3 -1
  221. package/esm/components/TransferList/RenderList/RenderList.styles.js.map +1 -1
  222. package/esm/components/TransferList/TransferList.js +23 -24
  223. package/esm/components/TransferList/TransferList.js.map +1 -1
  224. package/esm/components/Transition/GroupedTransition.js +2 -0
  225. package/esm/components/Transition/GroupedTransition.js.map +1 -1
  226. package/esm/components/Transition/Transition.js +2 -0
  227. package/esm/components/Transition/Transition.js.map +1 -1
  228. package/esm/components/Transition/use-transition.js +6 -3
  229. package/esm/components/Transition/use-transition.js.map +1 -1
  230. package/esm/utils/{group-sort-data/group-sort-data.js → group-options/group-options.js} +6 -6
  231. package/esm/utils/group-options/group-options.js.map +1 -0
  232. package/lib/components/Accordion/Accordion.d.ts +2 -0
  233. package/lib/components/Accordion/Accordion.d.ts.map +1 -1
  234. package/lib/components/Accordion/AccordionItem/AccordionItem.d.ts +2 -1
  235. package/lib/components/Accordion/AccordionItem/AccordionItem.d.ts.map +1 -1
  236. package/lib/components/Button/Button.styles.d.ts +3 -3
  237. package/lib/components/Button/Button.styles.d.ts.map +1 -1
  238. package/lib/components/Button/UnstyledButton/UnstyledButton.styles.d.ts.map +1 -1
  239. package/lib/components/Code/Code.d.ts.map +1 -1
  240. package/lib/components/ColorInput/ColorInput.d.ts.map +1 -1
  241. package/lib/components/ColorInput/ColorInput.styles.d.ts +2 -2
  242. package/lib/components/ColorInput/ColorInput.styles.d.ts.map +1 -1
  243. package/lib/components/Drawer/Drawer.d.ts.map +1 -1
  244. package/lib/components/Grid/Col/Col.d.ts +1 -1
  245. package/lib/components/Grid/Col/Col.d.ts.map +1 -1
  246. package/lib/components/Grid/Grid.d.ts.map +1 -1
  247. package/lib/components/Input/Input.d.ts +2 -0
  248. package/lib/components/Input/Input.d.ts.map +1 -1
  249. package/lib/components/Input/Input.styles.d.ts +1 -0
  250. package/lib/components/Input/Input.styles.d.ts.map +1 -1
  251. package/lib/components/Menu/Menu.d.ts +1 -1
  252. package/lib/components/Menu/Menu.d.ts.map +1 -1
  253. package/lib/components/Menu/Menu.styles.d.ts +1 -1
  254. package/lib/components/Menu/Menu.styles.d.ts.map +1 -1
  255. package/lib/components/MultiSelect/MultiSelect.d.ts +2 -0
  256. package/lib/components/MultiSelect/MultiSelect.d.ts.map +1 -1
  257. package/lib/components/Pagination/DefaultItem/DefaultItem.d.ts.map +1 -1
  258. package/lib/components/Popover/Popover.d.ts +3 -1
  259. package/lib/components/Popover/Popover.d.ts.map +1 -1
  260. package/lib/components/Popper/Popper.d.ts +4 -2
  261. package/lib/components/Popper/Popper.d.ts.map +1 -1
  262. package/lib/components/Popper/Popper.styles.d.ts +2 -1
  263. package/lib/components/Popper/Popper.styles.d.ts.map +1 -1
  264. package/lib/components/Portal/Portal.d.ts.map +1 -1
  265. package/lib/components/RadioGroup/Radio/Radio.d.ts +1 -1
  266. package/lib/components/RadioGroup/Radio/Radio.d.ts.map +1 -1
  267. package/lib/components/ScrollArea/ScrollArea.d.ts +5 -0
  268. package/lib/components/ScrollArea/ScrollArea.d.ts.map +1 -1
  269. package/lib/components/ScrollArea/ScrollArea.styles.d.ts +0 -1
  270. package/lib/components/ScrollArea/ScrollArea.styles.d.ts.map +1 -1
  271. package/lib/components/SegmentedControl/SegmentedControl.d.ts +7 -10
  272. package/lib/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  273. package/lib/components/SegmentedControl/SegmentedControl.styles.d.ts.map +1 -1
  274. package/lib/components/Select/Select.d.ts +2 -0
  275. package/lib/components/Select/Select.d.ts.map +1 -1
  276. package/lib/components/Select/SelectDropdown/SelectDropdown.d.ts.map +1 -1
  277. package/lib/components/Slider/Marks/Marks.d.ts.map +1 -1
  278. package/lib/components/Slider/RangeSlider/RangeSlider.d.ts.map +1 -1
  279. package/lib/components/Slider/Slider/Slider.d.ts.map +1 -1
  280. package/lib/components/Slider/Thumb/Thumb.d.ts.map +1 -1
  281. package/lib/components/Slider/Track/Track.d.ts.map +1 -1
  282. package/lib/components/Slider/Track/Track.styles.d.ts.map +1 -1
  283. package/lib/components/Stepper/Step/Step.d.ts +2 -0
  284. package/lib/components/Stepper/Step/Step.d.ts.map +1 -1
  285. package/lib/components/Stepper/Stepper.d.ts.map +1 -1
  286. package/lib/components/Switch/Switch.d.ts +3 -3
  287. package/lib/components/Switch/Switch.d.ts.map +1 -1
  288. package/lib/components/Table/Table.d.ts +5 -1
  289. package/lib/components/Table/Table.d.ts.map +1 -1
  290. package/lib/components/Table/Table.styles.d.ts +3 -0
  291. package/lib/components/Table/Table.styles.d.ts.map +1 -1
  292. package/lib/components/Tabs/TabControl/TabControl.d.ts +2 -1
  293. package/lib/components/Tabs/TabControl/TabControl.d.ts.map +1 -1
  294. package/lib/components/Tabs/Tabs.d.ts +1 -1
  295. package/lib/components/Tabs/Tabs.d.ts.map +1 -1
  296. package/lib/components/Textarea/Textarea.d.ts.map +1 -1
  297. package/lib/components/Timeline/Timeline.d.ts +2 -0
  298. package/lib/components/Timeline/Timeline.d.ts.map +1 -1
  299. package/lib/components/Tooltip/Tooltip.d.ts +1 -4
  300. package/lib/components/Tooltip/Tooltip.d.ts.map +1 -1
  301. package/lib/components/TransferList/RenderList/RenderList.d.ts +3 -3
  302. package/lib/components/TransferList/RenderList/RenderList.d.ts.map +1 -1
  303. package/lib/components/TransferList/RenderList/RenderList.styles.d.ts.map +1 -1
  304. package/lib/components/TransferList/TransferList.d.ts +2 -0
  305. package/lib/components/TransferList/TransferList.d.ts.map +1 -1
  306. package/lib/components/Transition/GroupedTransition.d.ts +4 -2
  307. package/lib/components/Transition/GroupedTransition.d.ts.map +1 -1
  308. package/lib/components/Transition/Transition.d.ts +3 -1
  309. package/lib/components/Transition/Transition.d.ts.map +1 -1
  310. package/lib/components/Transition/use-transition.d.ts +2 -1
  311. package/lib/components/Transition/use-transition.d.ts.map +1 -1
  312. package/lib/utils/group-options/group-options.d.ts +8 -0
  313. package/lib/utils/group-options/group-options.d.ts.map +1 -0
  314. package/lib/utils/index.d.ts +2 -0
  315. package/lib/utils/index.d.ts.map +1 -1
  316. package/package.json +3 -3
  317. package/cjs/utils/group-sort-data/group-sort-data.js.map +0 -1
  318. package/esm/utils/group-sort-data/group-sort-data.js.map +0 -1
  319. package/lib/utils/group-sort-data/group-sort-data.d.ts +0 -9
  320. package/lib/utils/group-sort-data/group-sort-data.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"TabControl.js","sources":["../../../../src/components/Tabs/TabControl/TabControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, ClassNames } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport type { TabsVariant } from '../Tabs';\nimport useStyles from './TabControl.styles';\n\nexport type TabControlStylesNames = Exclude<ClassNames<typeof useStyles>, TabsVariant>;\n\nexport interface TabControlProps\n extends DefaultProps<TabControlStylesNames>,\n React.ComponentPropsWithRef<'button'> {\n active?: boolean;\n color?: MantineColor;\n variant?: TabsVariant;\n orientation?: 'horizontal' | 'vertical';\n icon?: React.ReactNode;\n label?: React.ReactNode;\n children?: React.ReactNode;\n ref?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport const TabControl = forwardRef<HTMLButtonElement, TabControlProps>(\n (\n {\n className,\n active,\n color,\n variant = 'default',\n classNames,\n styles,\n orientation = 'horizontal',\n icon: __,\n label,\n icon,\n color: overrideColor,\n ...others\n }: TabControlProps,\n ref\n ) => {\n const { classes, cx } = useStyles(\n { color: overrideColor || color, orientation },\n { classNames, styles, name: 'Tabs' }\n );\n\n return (\n <Box\n {...others}\n component=\"button\"\n tabIndex={active ? 0 : -1}\n className={cx(\n classes.tabControl,\n classes[variant],\n { [classes.tabActive]: active },\n className\n )}\n type=\"button\"\n role=\"tab\"\n aria-selected={active}\n ref={ref}\n >\n <div className={classes.tabInner}>\n {icon && <div className={classes.tabIcon}>{icon}</div>}\n {label && <div className={classes.tabLabel}>{label}</div>}\n </div>\n </Box>\n );\n }\n);\n\nTabControl.displayName = '@mantine/core/TabControl';\n"],"names":["forwardRef","useStyles","React","Box"],"mappings":";;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAIU,MAAC,UAAU,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAClD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,MAAM;AACV,IAAI,KAAK;AACT,IAAI,OAAO,GAAG,SAAS;AACvB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,WAAW,GAAG,YAAY;AAC9B,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,KAAK,EAAE,aAAa;AACxB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,OAAO;AACX,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,4BAAS,CAAC,EAAE,KAAK,EAAE,aAAa,IAAI,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;AAC1H,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AAC5F,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,QAAQ,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AAC7B,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,EAAE,EAAE,SAAS,CAAC;AACnG,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,eAAe,EAAE,MAAM;AAC3B,IAAI,GAAG;AACP,GAAG,CAAC,kBAAkBD,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ;AAC/B,GAAG,EAAE,IAAI,oBAAoBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACxD,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,GAAG,EAAE,IAAI,CAAC,EAAE,KAAK,oBAAoBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChE,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ;AAC/B,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
1
+ {"version":3,"file":"TabControl.js","sources":["../../../../src/components/Tabs/TabControl/TabControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, ClassNames } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport type { TabsVariant } from '../Tabs';\nimport useStyles from './TabControl.styles';\n\nexport type TabControlStylesNames = Exclude<ClassNames<typeof useStyles>, TabsVariant>;\n\nexport interface TabControlProps\n extends DefaultProps<TabControlStylesNames>,\n React.ComponentPropsWithRef<'button'> {\n active?: boolean;\n color?: MantineColor;\n variant?: TabsVariant;\n orientation?: 'horizontal' | 'vertical';\n icon?: React.ReactNode;\n tabKey?: string;\n label?: React.ReactNode;\n children?: React.ReactNode;\n ref?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport const TabControl = forwardRef<HTMLButtonElement, TabControlProps>(\n (\n {\n className,\n active,\n color,\n variant = 'default',\n classNames,\n styles,\n orientation = 'horizontal',\n icon: __,\n label,\n icon,\n tabKey,\n color: overrideColor,\n ...others\n }: TabControlProps,\n ref\n ) => {\n const { classes, cx } = useStyles(\n { color: overrideColor || color, orientation },\n { classNames, styles, name: 'Tabs' }\n );\n\n return (\n <Box\n {...others}\n component=\"button\"\n tabIndex={active ? 0 : -1}\n className={cx(\n classes.tabControl,\n classes[variant],\n { [classes.tabActive]: active },\n className\n )}\n type=\"button\"\n role=\"tab\"\n aria-selected={active}\n ref={ref}\n >\n <div className={classes.tabInner}>\n {icon && <div className={classes.tabIcon}>{icon}</div>}\n {label && <div className={classes.tabLabel}>{label}</div>}\n </div>\n </Box>\n );\n }\n);\n\nTabControl.displayName = '@mantine/core/TabControl';\n"],"names":["forwardRef","useStyles","React","Box"],"mappings":"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"}
@@ -99,7 +99,7 @@ const Tabs = React.forwardRef((_a, ref) => {
99
99
  "tabPadding",
100
100
  "orientation"
101
101
  ]);
102
- const { classes, cx } = Tabs_styles['default']({ tabPadding, orientation }, { classNames, styles, name: "Tabs" });
102
+ const { classes, cx, theme } = Tabs_styles['default']({ tabPadding, orientation }, { classNames, styles, name: "Tabs" });
103
103
  const controlRefs = React.useRef({});
104
104
  const tabs = filterChildrenByType.filterChildrenByType(children, TabControl.TabControl);
105
105
  const [_activeTab, handleActiveTabChange] = hooks.useUncontrolled({
@@ -107,11 +107,15 @@ const Tabs = React.forwardRef((_a, ref) => {
107
107
  defaultValue: initialTab,
108
108
  finalValue: findInitialTab(tabs),
109
109
  rule: (value) => typeof value === "number",
110
- onChange: onTabChange
110
+ onChange: (value) => {
111
+ if (onTabChange) {
112
+ tabs.some((tab) => tab.props.tabKey) ? onTabChange(value, tabs[value].props.tabKey) : onTabChange(value);
113
+ }
114
+ }
111
115
  });
112
116
  const activeTab = hooks.clamp({ value: _activeTab, min: 0, max: tabs.length - 1 });
113
- const nextTabCode = orientation === "horizontal" ? "ArrowRight" : "ArrowDown";
114
- const previousTabCode = orientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
117
+ const nextTabCode = orientation === "horizontal" ? theme.dir === "ltr" ? "ArrowRight" : "ArrowLeft" : "ArrowDown";
118
+ const previousTabCode = orientation === "horizontal" ? theme.dir === "ltr" ? "ArrowLeft" : "ArrowRight" : "ArrowUp";
115
119
  const handleKeyDown = (event) => {
116
120
  if (event.nativeEvent.code === nextTabCode) {
117
121
  event.preventDefault();
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from 'react';\nimport { useUncontrolled, mergeRefs, clamp } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineColor,\n ClassNames,\n ForwardRefWithStaticComponents,\n} from '@mantine/styles';\nimport { filterChildrenByType } from '../../utils';\nimport { Box } from '../Box';\nimport { Group, GroupPosition } from '../Group';\nimport { TabControl, TabControlStylesNames } from './TabControl/TabControl';\nimport useStyles from './Tabs.styles';\n\nexport type TabsVariant = 'default' | 'outline' | 'pills' | 'unstyled';\nexport type TabsStylesNames =\n | Exclude<ClassNames<typeof useStyles>, TabsVariant>\n | TabControlStylesNames;\n\nexport interface TabsProps\n extends DefaultProps<TabsStylesNames>,\n React.ComponentPropsWithRef<'div'> {\n /** <Tab /> components only */\n children: React.ReactNode;\n\n /** Index of initial tab */\n initialTab?: number;\n\n /** Index of active tab, overrides internal state */\n active?: number;\n\n /** Active tab color from theme.colors */\n color?: MantineColor;\n\n /** True if tabs should take all available space */\n grow?: boolean;\n\n /** Tab controls position */\n position?: GroupPosition;\n\n /** Called when tab control is clicked with tab index */\n onTabChange?(tabIndex: number): void;\n\n /** Controls appearance */\n variant?: TabsVariant;\n\n /** Controls tab content padding-top */\n tabPadding?: MantineNumberSize;\n\n /** Controls tab orientation */\n orientation?: 'horizontal' | 'vertical';\n}\n\nfunction getPreviousTab(active: number, tabs: React.ReactElement[]) {\n for (let i = active - 1; i >= 0; i -= 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return active;\n}\n\nfunction getNextTab(active: number, tabs: React.ReactElement[]) {\n for (let i = active + 1; i < tabs.length; i += 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return active;\n}\n\nfunction findInitialTab(tabs: React.ReactElement[]) {\n for (let i = 0; i < tabs.length; i += 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return -1;\n}\n\ntype TabsComponent = ForwardRefWithStaticComponents<TabsProps, { Tab: typeof TabControl }>;\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>(\n (\n {\n className,\n children,\n initialTab,\n active,\n position = 'left',\n grow = false,\n onTabChange,\n color,\n variant = 'default',\n classNames,\n styles,\n tabPadding = 'xs',\n orientation = 'horizontal',\n ...others\n }: TabsProps,\n ref\n ) => {\n const { classes, cx } = useStyles(\n { tabPadding, orientation },\n { classNames, styles, name: 'Tabs' }\n );\n\n const controlRefs = useRef<Record<string, HTMLButtonElement>>({});\n const tabs = filterChildrenByType(children, TabControl);\n\n const [_activeTab, handleActiveTabChange] = useUncontrolled({\n value: active,\n defaultValue: initialTab,\n finalValue: findInitialTab(tabs),\n rule: (value) => typeof value === 'number',\n onChange: onTabChange,\n });\n\n const activeTab = clamp({ value: _activeTab, min: 0, max: tabs.length - 1 });\n\n const nextTabCode = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n const previousTabCode = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.nativeEvent.code === nextTabCode) {\n event.preventDefault();\n const nextTab = getNextTab(activeTab, tabs);\n handleActiveTabChange(nextTab);\n controlRefs.current[nextTab].focus();\n }\n\n if (event.nativeEvent.code === previousTabCode) {\n event.preventDefault();\n const previousTab = getPreviousTab(activeTab, tabs);\n handleActiveTabChange(previousTab);\n controlRefs.current[previousTab].focus();\n }\n };\n\n const panes = tabs.map((tab, index) => (\n <TabControl\n {...tab.props}\n key={index}\n active={activeTab === index}\n onKeyDown={handleKeyDown}\n color={tab.props.color || color}\n variant={variant}\n orientation={orientation}\n ref={mergeRefs((node: HTMLButtonElement) => {\n controlRefs.current[index] = node;\n }, (tab as any).ref)}\n onClick={() => activeTab !== index && handleActiveTabChange(index)}\n classNames={classNames}\n styles={styles}\n />\n ));\n\n const content = tabs[activeTab].props.children;\n\n return (\n <Box ref={ref} className={cx(classes.root, className)} {...others}>\n <div className={cx(classes.tabsListWrapper, classes[variant])}>\n <Group\n className={classes.tabsList}\n role=\"tablist\"\n direction={orientation === 'horizontal' ? 'row' : 'column'}\n aria-orientation={orientation}\n spacing={variant === 'pills' ? 5 : 0}\n position={position}\n grow={grow}\n >\n {panes}\n </Group>\n </div>\n\n {content && (\n <div role=\"tabpanel\" className={classes.body}>\n {content}\n </div>\n )}\n </Box>\n );\n }\n) as any;\n\nTabs.displayName = '@mantine/core/Tabs';\nTabs.Tab = TabControl;\n"],"names":["forwardRef","useStyles","useRef","filterChildrenByType","TabControl","useUncontrolled","clamp","React","mergeRefs","Box","Group"],"mappings":"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"}
1
+ {"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from 'react';\nimport { useUncontrolled, mergeRefs, clamp } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineColor,\n ClassNames,\n ForwardRefWithStaticComponents,\n} from '@mantine/styles';\nimport { filterChildrenByType } from '../../utils';\nimport { Box } from '../Box';\nimport { Group, GroupPosition } from '../Group';\nimport { TabControl, TabControlStylesNames } from './TabControl/TabControl';\nimport useStyles from './Tabs.styles';\n\nexport type TabsVariant = 'default' | 'outline' | 'pills' | 'unstyled';\nexport type TabsStylesNames =\n | Exclude<ClassNames<typeof useStyles>, TabsVariant>\n | TabControlStylesNames;\n\nexport interface TabsProps\n extends DefaultProps<TabsStylesNames>,\n React.ComponentPropsWithRef<'div'> {\n /** <Tab /> components only */\n children: React.ReactNode;\n\n /** Index of initial tab */\n initialTab?: number;\n\n /** Index of active tab, overrides internal state */\n active?: number;\n\n /** Active tab color from theme.colors */\n color?: MantineColor;\n\n /** True if tabs should take all available space */\n grow?: boolean;\n\n /** Tab controls position */\n position?: GroupPosition;\n\n /** Called when tab control is clicked with tab index */\n onTabChange?(tabIndex: number, tabKey?: string): void;\n\n /** Controls appearance */\n variant?: TabsVariant;\n\n /** Controls tab content padding-top */\n tabPadding?: MantineNumberSize;\n\n /** Controls tab orientation */\n orientation?: 'horizontal' | 'vertical';\n}\n\nfunction getPreviousTab(active: number, tabs: React.ReactElement[]) {\n for (let i = active - 1; i >= 0; i -= 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return active;\n}\n\nfunction getNextTab(active: number, tabs: React.ReactElement[]) {\n for (let i = active + 1; i < tabs.length; i += 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return active;\n}\n\nfunction findInitialTab(tabs: React.ReactElement[]) {\n for (let i = 0; i < tabs.length; i += 1) {\n if (!tabs[i].props.disabled) {\n return i;\n }\n }\n\n return -1;\n}\n\ntype TabsComponent = ForwardRefWithStaticComponents<TabsProps, { Tab: typeof TabControl }>;\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>(\n (\n {\n className,\n children,\n initialTab,\n active,\n position = 'left',\n grow = false,\n onTabChange,\n color,\n variant = 'default',\n classNames,\n styles,\n tabPadding = 'xs',\n orientation = 'horizontal',\n ...others\n }: TabsProps,\n ref\n ) => {\n const { classes, cx, theme } = useStyles(\n { tabPadding, orientation },\n { classNames, styles, name: 'Tabs' }\n );\n\n const controlRefs = useRef<Record<string, HTMLButtonElement>>({});\n const tabs = filterChildrenByType(children, TabControl);\n\n const [_activeTab, handleActiveTabChange] = useUncontrolled({\n value: active,\n defaultValue: initialTab,\n finalValue: findInitialTab(tabs),\n rule: (value) => typeof value === 'number',\n onChange: (value) => {\n if (onTabChange) {\n tabs.some((tab) => tab.props.tabKey)\n ? onTabChange(value, tabs[value].props.tabKey)\n : onTabChange(value);\n }\n },\n });\n\n const activeTab = clamp({ value: _activeTab, min: 0, max: tabs.length - 1 });\n\n const nextTabCode =\n orientation === 'horizontal'\n ? theme.dir === 'ltr'\n ? 'ArrowRight'\n : 'ArrowLeft'\n : 'ArrowDown';\n const previousTabCode =\n orientation === 'horizontal' ? (theme.dir === 'ltr' ? 'ArrowLeft' : 'ArrowRight') : 'ArrowUp';\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.nativeEvent.code === nextTabCode) {\n event.preventDefault();\n const nextTab = getNextTab(activeTab, tabs);\n handleActiveTabChange(nextTab);\n controlRefs.current[nextTab].focus();\n }\n\n if (event.nativeEvent.code === previousTabCode) {\n event.preventDefault();\n const previousTab = getPreviousTab(activeTab, tabs);\n handleActiveTabChange(previousTab);\n controlRefs.current[previousTab].focus();\n }\n };\n\n const panes = tabs.map((tab, index) => (\n <TabControl\n {...tab.props}\n key={index}\n active={activeTab === index}\n onKeyDown={handleKeyDown}\n color={tab.props.color || color}\n variant={variant}\n orientation={orientation}\n ref={mergeRefs((node: HTMLButtonElement) => {\n controlRefs.current[index] = node;\n }, (tab as any).ref)}\n onClick={() => activeTab !== index && handleActiveTabChange(index)}\n classNames={classNames}\n styles={styles}\n />\n ));\n\n const content = tabs[activeTab].props.children;\n\n return (\n <Box ref={ref} className={cx(classes.root, className)} {...others}>\n <div className={cx(classes.tabsListWrapper, classes[variant])}>\n <Group\n className={classes.tabsList}\n role=\"tablist\"\n direction={orientation === 'horizontal' ? 'row' : 'column'}\n aria-orientation={orientation}\n spacing={variant === 'pills' ? 5 : 0}\n position={position}\n grow={grow}\n >\n {panes}\n </Group>\n </div>\n\n {content && (\n <div role=\"tabpanel\" className={classes.body}>\n {content}\n </div>\n )}\n </Box>\n );\n }\n) as any;\n\nTabs.displayName = '@mantine/core/Tabs';\nTabs.Tab = TabControl;\n"],"names":["forwardRef","useStyles","useRef","filterChildrenByType","TabControl","useUncontrolled","clamp","React","mergeRefs","Box","Group"],"mappings":"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"}
@@ -27,7 +27,7 @@ function getTextColor({ theme, color, variant }) {
27
27
  if (color === "dimmed") {
28
28
  return theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6];
29
29
  }
30
- return color in theme.colors ? theme.colors[color][theme.colorScheme === "dark" ? 5 : 7] : variant === "link" ? theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 7] : theme.colorScheme === "dark" ? color || theme.colors.dark[0] : color || theme.black;
30
+ return color in theme.colors ? theme.colors[color][theme.colorScheme === "dark" ? 5 : 7] : variant === "link" ? theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 4 : 7] : theme.colorScheme === "dark" ? color || theme.colors.dark[0] : color || theme.black;
31
31
  }
32
32
  function getLineClamp(lineClamp) {
33
33
  if (typeof lineClamp === "number") {
@@ -1 +1 @@
1
- {"version":3,"file":"Text.styles.js","sources":["../../../src/components/Text/Text.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineTheme,\n MantineSize,\n getSharedColorScheme,\n MantineColor,\n CSSObject,\n} from '@mantine/styles';\n\ninterface TextStyles {\n color: MantineColor;\n variant: 'text' | 'link' | 'gradient';\n size: MantineSize;\n lineClamp: number;\n inline: boolean;\n inherit: boolean;\n gradientFrom: string;\n gradientTo: string;\n gradientDeg: number;\n transform: 'capitalize' | 'uppercase' | 'lowercase';\n align: 'left' | 'center' | 'right' | 'justify';\n weight: React.CSSProperties['fontWeight'];\n}\n\ninterface GetTextColor {\n theme: MantineTheme;\n color: MantineColor;\n variant: TextStyles['variant'];\n}\n\nfunction getTextColor({ theme, color, variant }: GetTextColor) {\n if (color === 'dimmed') {\n return theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6];\n }\n\n return color in theme.colors\n ? theme.colors[color][theme.colorScheme === 'dark' ? 5 : 7]\n : variant === 'link'\n ? theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 5 : 7]\n : theme.colorScheme === 'dark'\n ? color || theme.colors.dark[0]\n : color || theme.black;\n}\n\nfunction getLineClamp(lineClamp: number): CSSObject {\n if (typeof lineClamp === 'number') {\n return {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: lineClamp,\n WebkitBoxOrient: 'vertical',\n };\n }\n\n return null;\n}\n\nexport default createStyles(\n (\n theme,\n {\n color,\n variant,\n size,\n lineClamp,\n inline,\n inherit,\n gradientDeg,\n gradientTo,\n gradientFrom,\n weight,\n transform,\n align,\n }: TextStyles\n ) => {\n const colors = getSharedColorScheme({\n theme,\n variant: 'gradient',\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n return {\n root: {\n ...theme.fn.fontStyles(),\n ...theme.fn.focusStyles(),\n ...getLineClamp(lineClamp),\n color: getTextColor({ color, theme, variant }),\n fontFamily: inherit ? 'inherit' : theme.fontFamily,\n fontSize: inherit ? 'inherit' : theme.fontSizes[size],\n lineHeight: inherit ? 'inherit' : inline ? 1 : theme.lineHeight,\n textDecoration: 'none',\n WebkitTapHighlightColor: 'transparent',\n fontWeight: inherit ? 'inherit' : weight,\n textTransform: transform,\n textAlign: align,\n\n '&:hover': {\n textDecoration: variant === 'link' ? 'underline' : 'none',\n },\n },\n\n gradient: {\n backgroundImage: colors.background,\n WebkitBackgroundClip: 'text',\n WebkitTextFillColor: 'transparent',\n },\n };\n }\n);\n"],"names":["createStyles","getSharedColorScheme"],"mappings":"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"}
1
+ {"version":3,"file":"Text.styles.js","sources":["../../../src/components/Text/Text.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineTheme,\n MantineSize,\n getSharedColorScheme,\n MantineColor,\n CSSObject,\n} from '@mantine/styles';\n\ninterface TextStyles {\n color: MantineColor;\n variant: 'text' | 'link' | 'gradient';\n size: MantineSize;\n lineClamp: number;\n inline: boolean;\n inherit: boolean;\n gradientFrom: string;\n gradientTo: string;\n gradientDeg: number;\n transform: 'capitalize' | 'uppercase' | 'lowercase';\n align: 'left' | 'center' | 'right' | 'justify';\n weight: React.CSSProperties['fontWeight'];\n}\n\ninterface GetTextColor {\n theme: MantineTheme;\n color: MantineColor;\n variant: TextStyles['variant'];\n}\n\nfunction getTextColor({ theme, color, variant }: GetTextColor) {\n if (color === 'dimmed') {\n return theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6];\n }\n\n return color in theme.colors\n ? theme.colors[color][theme.colorScheme === 'dark' ? 5 : 7]\n : variant === 'link'\n ? theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 4 : 7]\n : theme.colorScheme === 'dark'\n ? color || theme.colors.dark[0]\n : color || theme.black;\n}\n\nfunction getLineClamp(lineClamp: number): CSSObject {\n if (typeof lineClamp === 'number') {\n return {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: lineClamp,\n WebkitBoxOrient: 'vertical',\n };\n }\n\n return null;\n}\n\nexport default createStyles(\n (\n theme,\n {\n color,\n variant,\n size,\n lineClamp,\n inline,\n inherit,\n gradientDeg,\n gradientTo,\n gradientFrom,\n weight,\n transform,\n align,\n }: TextStyles\n ) => {\n const colors = getSharedColorScheme({\n theme,\n variant: 'gradient',\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n return {\n root: {\n ...theme.fn.fontStyles(),\n ...theme.fn.focusStyles(),\n ...getLineClamp(lineClamp),\n color: getTextColor({ color, theme, variant }),\n fontFamily: inherit ? 'inherit' : theme.fontFamily,\n fontSize: inherit ? 'inherit' : theme.fontSizes[size],\n lineHeight: inherit ? 'inherit' : inline ? 1 : theme.lineHeight,\n textDecoration: 'none',\n WebkitTapHighlightColor: 'transparent',\n fontWeight: inherit ? 'inherit' : weight,\n textTransform: transform,\n textAlign: align,\n\n '&:hover': {\n textDecoration: variant === 'link' ? 'underline' : 'none',\n },\n },\n\n gradient: {\n backgroundImage: colors.background,\n WebkitBackgroundClip: 'text',\n WebkitTextFillColor: 'transparent',\n },\n };\n }\n);\n"],"names":["createStyles","getSharedColorScheme"],"mappings":"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"}
@@ -85,7 +85,17 @@ const Textarea = React.forwardRef((_a, ref) => {
85
85
  const uuid = hooks.useUuid(id);
86
86
  const { classes, cx } = Textarea_styles['default']();
87
87
  const { margins, rest } = styles.extractMargins(others);
88
- const _classNames = __spreadProps(__spreadValues({}, classNames), { input: cx(classes.input, classNames == null ? void 0 : classNames.input) });
88
+ const sharedProps = __spreadValues({
89
+ required,
90
+ ref,
91
+ invalid: !!error,
92
+ id: uuid,
93
+ classNames: __spreadProps(__spreadValues({}, classNames), { input: cx(classes.input, classNames == null ? void 0 : classNames.input) }),
94
+ styles: styles$1,
95
+ __staticSelector,
96
+ size,
97
+ multiline: true
98
+ }, rest);
89
99
  return /* @__PURE__ */ React__default.createElement(InputWrapper.InputWrapper, __spreadValues(__spreadValues({
90
100
  label,
91
101
  error,
@@ -99,31 +109,14 @@ const Textarea = React.forwardRef((_a, ref) => {
99
109
  size,
100
110
  __staticSelector,
101
111
  sx
102
- }, margins), wrapperProps), autosize ? /* @__PURE__ */ React__default.createElement(Input.Input, __spreadValues({
103
- required,
112
+ }, margins), wrapperProps), autosize ? /* @__PURE__ */ React__default.createElement(Input.Input, __spreadProps(__spreadValues({}, sharedProps), {
104
113
  component: TextareaAutosize__default,
105
- invalid: !!error,
106
114
  maxRows,
107
- minRows,
108
- id: uuid,
109
- ref,
110
- classNames: _classNames,
111
- styles: styles$1,
112
- size,
113
- multiline: true
114
- }, rest)) : /* @__PURE__ */ React__default.createElement(Input.Input, __spreadValues({
115
+ minRows
116
+ })) : /* @__PURE__ */ React__default.createElement(Input.Input, __spreadProps(__spreadValues({}, sharedProps), {
115
117
  component: "textarea",
116
- required,
117
- id: uuid,
118
- invalid: !!error,
119
- rows: minRows,
120
- ref,
121
- classNames: _classNames,
122
- styles: styles$1,
123
- size,
124
- __staticSelector,
125
- multiline: true
126
- }, rest)));
118
+ rows: minRows
119
+ })));
127
120
  });
128
121
  Textarea.displayName = "@mantine/core/Textarea";
129
122
 
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { useUuid } from '@mantine/hooks';\nimport { DefaultProps, MantineSize, extractMargins } from '@mantine/styles';\nimport { InputWrapperBaseProps, InputWrapper } from '../InputWrapper/InputWrapper';\nimport { TextInputStylesNames } from '../TextInput/TextInput';\nimport { Input, InputBaseProps } from '../Input/Input';\nimport useStyles from './Textarea.styles';\n\nexport interface TextareaProps\n extends DefaultProps<TextInputStylesNames>,\n InputWrapperBaseProps,\n InputBaseProps,\n React.ComponentPropsWithoutRef<'textarea'> {\n /** Id is used to bind input and label, if not passed unique id will be generated for each input */\n id?: string;\n\n /** If true textarea will grow with content until maxRows are reached */\n autosize?: boolean;\n\n /** Defines maxRows in autosize variant, not applicable to regular variant */\n maxRows?: number;\n\n /** Defined minRows in autosize variant and rows in regular variant */\n minRows?: number;\n\n /** Props passed to root element (InputWrapper component) */\n wrapperProps?: { [key: string]: any };\n\n /** Input size */\n size?: MantineSize;\n\n /** Static selectors base */\n __staticSelector?: string;\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n (\n {\n autosize = false,\n maxRows,\n minRows,\n label,\n error,\n description,\n id,\n className,\n required,\n style,\n wrapperProps,\n classNames,\n styles,\n size = 'sm',\n __staticSelector = 'Textarea',\n sx,\n ...others\n }: TextareaProps,\n ref\n ) => {\n const uuid = useUuid(id);\n const { classes, cx } = useStyles();\n const { margins, rest } = extractMargins(others);\n const _classNames = { ...classNames, input: cx(classes.input, classNames?.input) };\n\n return (\n <InputWrapper\n label={label}\n error={error}\n id={uuid}\n description={description}\n required={required}\n style={style}\n className={className}\n classNames={classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n sx={sx}\n {...margins}\n {...wrapperProps}\n >\n {autosize ? (\n <Input<typeof TextareaAutosize>\n required={required}\n component={TextareaAutosize}\n invalid={!!error}\n maxRows={maxRows}\n minRows={minRows}\n id={uuid}\n ref={ref}\n classNames={_classNames}\n styles={styles}\n size={size}\n multiline\n {...rest}\n />\n ) : (\n <Input<'textarea'>\n component=\"textarea\"\n required={required}\n id={uuid}\n invalid={!!error}\n rows={minRows}\n ref={ref}\n classNames={_classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n multiline\n {...rest}\n />\n )}\n </InputWrapper>\n );\n }\n);\n\nTextarea.displayName = '@mantine/core/Textarea';\n"],"names":["forwardRef","styles","useUuid","useStyles","extractMargins","React","InputWrapper","Input","TextareaAutosize"],"mappings":"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"}
1
+ {"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { useUuid } from '@mantine/hooks';\nimport { DefaultProps, MantineSize, extractMargins } from '@mantine/styles';\nimport { InputWrapperBaseProps, InputWrapper } from '../InputWrapper/InputWrapper';\nimport { TextInputStylesNames } from '../TextInput/TextInput';\nimport { Input, InputBaseProps, InputProps } from '../Input/Input';\nimport useStyles from './Textarea.styles';\n\nexport interface TextareaProps\n extends DefaultProps<TextInputStylesNames>,\n InputWrapperBaseProps,\n InputBaseProps,\n React.ComponentPropsWithoutRef<'textarea'> {\n /** Id is used to bind input and label, if not passed unique id will be generated for each input */\n id?: string;\n\n /** If true textarea will grow with content until maxRows are reached */\n autosize?: boolean;\n\n /** Defines maxRows in autosize variant, not applicable to regular variant */\n maxRows?: number;\n\n /** Defined minRows in autosize variant and rows in regular variant */\n minRows?: number;\n\n /** Props passed to root element (InputWrapper component) */\n wrapperProps?: { [key: string]: any };\n\n /** Input size */\n size?: MantineSize;\n\n /** Static selectors base */\n __staticSelector?: string;\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n (\n {\n autosize = false,\n maxRows,\n minRows,\n label,\n error,\n description,\n id,\n className,\n required,\n style,\n wrapperProps,\n classNames,\n styles,\n size = 'sm',\n __staticSelector = 'Textarea',\n sx,\n ...others\n }: TextareaProps,\n ref\n ) => {\n const uuid = useUuid(id);\n const { classes, cx } = useStyles();\n const { margins, rest } = extractMargins(others);\n const sharedProps: InputProps<'textarea'> = {\n required,\n ref,\n invalid: !!error,\n id: uuid,\n classNames: { ...classNames, input: cx(classes.input, classNames?.input) },\n styles,\n __staticSelector,\n size,\n multiline: true,\n ...rest,\n };\n\n return (\n <InputWrapper\n label={label}\n error={error}\n id={uuid}\n description={description}\n required={required}\n style={style}\n className={className}\n classNames={classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n sx={sx}\n {...margins}\n {...wrapperProps}\n >\n {autosize ? (\n <Input<typeof TextareaAutosize>\n {...sharedProps}\n component={TextareaAutosize}\n maxRows={maxRows}\n minRows={minRows}\n />\n ) : (\n <Input<'textarea'> {...sharedProps} component=\"textarea\" rows={minRows} />\n )}\n </InputWrapper>\n );\n }\n);\n\nTextarea.displayName = '@mantine/core/Textarea';\n"],"names":["forwardRef","styles","useUuid","useStyles","extractMargins","React","InputWrapper","Input","TextareaAutosize"],"mappings":"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"}
@@ -42,18 +42,18 @@ var __objRest = (source, exclude) => {
42
42
  const Timeline = React.forwardRef((_a, ref) => {
43
43
  var _b = _a, {
44
44
  children,
45
- style,
46
- active,
45
+ active = -1,
47
46
  color,
48
47
  radius = "xl",
49
48
  bulletSize = 20,
50
49
  align = "left",
51
50
  lineWidth = 4,
52
51
  classNames,
53
- styles
52
+ styles,
53
+ sx,
54
+ reverseActive = false
54
55
  } = _b, others = __objRest(_b, [
55
56
  "children",
56
- "style",
57
57
  "active",
58
58
  "color",
59
59
  "radius",
@@ -61,10 +61,12 @@ const Timeline = React.forwardRef((_a, ref) => {
61
61
  "align",
62
62
  "lineWidth",
63
63
  "classNames",
64
- "styles"
64
+ "styles",
65
+ "sx",
66
+ "reverseActive"
65
67
  ]);
66
- const hasActive = typeof active === "number";
67
- const items = filterChildrenByType.filterChildrenByType(children, TimelineItem.TimelineItem).map((item, index) => React__default.cloneElement(item, {
68
+ const _children = filterChildrenByType.filterChildrenByType(children, TimelineItem.TimelineItem);
69
+ const items = _children.map((item, index) => React__default.cloneElement(item, {
68
70
  classNames,
69
71
  styles,
70
72
  align,
@@ -72,13 +74,13 @@ const Timeline = React.forwardRef((_a, ref) => {
72
74
  radius: item.props.radius || radius,
73
75
  color: item.props.color || color,
74
76
  bulletSize: item.props.bulletSize || bulletSize,
75
- active: item.props.active || hasActive && active >= index,
76
- lineActive: item.props.lineActive || hasActive && active - 1 >= index
77
+ active: item.props.active || (reverseActive ? active >= _children.length - index - 1 : active >= index),
78
+ lineActive: item.props.lineActive || (reverseActive ? active >= _children.length - index - 1 : active - 1 >= index)
77
79
  }));
78
80
  const offset = align === "left" ? { paddingLeft: bulletSize / 2 + lineWidth / 2 } : { paddingRight: bulletSize / 2 + lineWidth / 2 };
79
81
  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
80
82
  ref,
81
- style: __spreadValues(__spreadValues({}, offset), style)
83
+ sx: [offset, sx]
82
84
  }, others), items);
83
85
  });
84
86
  Timeline.Item = TimelineItem.TimelineItem;
@@ -1 +1 @@
1
- {"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineColor,\n ForwardRefWithStaticComponents,\n MantineNumberSize,\n} from '@mantine/styles';\nimport { filterChildrenByType } from '../../utils';\nimport { Box } from '../Box';\nimport { TimelineItem, TimelineItemStylesNames } from './TimelineItem/TimelineItem';\n\nexport interface TimelineProps\n extends DefaultProps<TimelineItemStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** <Timeline.Item /> components only */\n children: React.ReactNode;\n\n /** Index of active element */\n active?: number;\n\n /** Active color from theme */\n color?: MantineColor;\n\n /** Radius from theme.radius, or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Bullet size in px */\n bulletSize?: number;\n\n /** Timeline alignment */\n align?: 'right' | 'left';\n\n /** Line width in px */\n lineWidth?: number;\n}\n\ntype TimelineComponent = ForwardRefWithStaticComponents<\n TimelineProps,\n { Item: typeof TimelineItem }\n>;\n\nexport const Timeline: TimelineComponent = forwardRef<HTMLDivElement, TimelineProps>(\n (\n {\n children,\n style,\n active,\n color,\n radius = 'xl',\n bulletSize = 20,\n align = 'left',\n lineWidth = 4,\n classNames,\n styles,\n ...others\n }: TimelineProps,\n ref\n ) => {\n const hasActive = typeof active === 'number';\n\n const items = filterChildrenByType(children, TimelineItem).map(\n (item: React.ReactElement, index) =>\n React.cloneElement(item, {\n classNames,\n styles,\n align,\n lineWidth,\n radius: item.props.radius || radius,\n color: item.props.color || color,\n bulletSize: item.props.bulletSize || bulletSize,\n active: item.props.active || (hasActive && active >= index),\n lineActive: item.props.lineActive || (hasActive && active - 1 >= index),\n })\n );\n\n const offset: React.CSSProperties =\n align === 'left'\n ? { paddingLeft: bulletSize / 2 + lineWidth / 2 }\n : { paddingRight: bulletSize / 2 + lineWidth / 2 };\n\n return (\n <Box ref={ref} style={{ ...offset, ...style }} {...others}>\n {items}\n </Box>\n );\n }\n) as any;\n\nTimeline.Item = TimelineItem;\nTimeline.displayName = '@mantine/core/Timeline';\n"],"names":["forwardRef","filterChildrenByType","TimelineItem","React","Box"],"mappings":"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"}
1
+ {"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineColor,\n ForwardRefWithStaticComponents,\n MantineNumberSize,\n CSSObject,\n} from '@mantine/styles';\nimport { filterChildrenByType } from '../../utils';\nimport { Box } from '../Box';\nimport { TimelineItem, TimelineItemStylesNames } from './TimelineItem/TimelineItem';\n\nexport interface TimelineProps\n extends DefaultProps<TimelineItemStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** <Timeline.Item /> components only */\n children: React.ReactNode;\n\n /** Index of active element */\n active?: number;\n\n /** Active color from theme */\n color?: MantineColor;\n\n /** Radius from theme.radius, or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Bullet size in px */\n bulletSize?: number;\n\n /** Timeline alignment */\n align?: 'right' | 'left';\n\n /** Line width in px */\n lineWidth?: number;\n\n /** Reverse active direction without reversing items */\n reverseActive?: boolean;\n}\n\ntype TimelineComponent = ForwardRefWithStaticComponents<\n TimelineProps,\n { Item: typeof TimelineItem }\n>;\n\nexport const Timeline: TimelineComponent = forwardRef<HTMLDivElement, TimelineProps>(\n (\n {\n children,\n active = -1,\n color,\n radius = 'xl',\n bulletSize = 20,\n align = 'left',\n lineWidth = 4,\n classNames,\n styles,\n sx,\n reverseActive = false,\n ...others\n }: TimelineProps,\n ref\n ) => {\n const _children = filterChildrenByType(children, TimelineItem);\n const items = _children.map((item: React.ReactElement, index) =>\n React.cloneElement(item, {\n classNames,\n styles,\n align,\n lineWidth,\n radius: item.props.radius || radius,\n color: item.props.color || color,\n bulletSize: item.props.bulletSize || bulletSize,\n active:\n item.props.active ||\n (reverseActive ? active >= _children.length - index - 1 : active >= index),\n lineActive:\n item.props.lineActive ||\n (reverseActive ? active >= _children.length - index - 1 : active - 1 >= index),\n })\n );\n\n const offset: CSSObject =\n align === 'left'\n ? { paddingLeft: bulletSize / 2 + lineWidth / 2 }\n : { paddingRight: bulletSize / 2 + lineWidth / 2 };\n\n return (\n <Box ref={ref} sx={[offset, sx]} {...others}>\n {items}\n </Box>\n );\n }\n) as any;\n\nTimeline.Item = TimelineItem;\nTimeline.displayName = '@mantine/core/Timeline';\n"],"names":["forwardRef","filterChildrenByType","TimelineItem","React","Box"],"mappings":"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"}
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var styles = require('@mantine/styles');
7
+ var hooks = require('@mantine/hooks');
7
8
  var Tooltip_styles = require('./Tooltip.styles.js');
8
9
  var Box = require('../Box/Box.js');
9
10
  var Popper = require('../Popper/Popper.js');
@@ -40,7 +41,7 @@ var __objRest = (source, exclude) => {
40
41
  }
41
42
  return target;
42
43
  };
43
- function Tooltip(_a) {
44
+ const Tooltip = React.forwardRef((_a, ref) => {
44
45
  var _b = _a, {
45
46
  className,
46
47
  label,
@@ -67,7 +68,9 @@ function Tooltip(_a) {
67
68
  tooltipRef,
68
69
  tooltipId,
69
70
  classNames,
70
- styles: styles$1
71
+ styles: styles$1,
72
+ onMouseLeave,
73
+ onMouseEnter
71
74
  } = _b, others = __objRest(_b, [
72
75
  "className",
73
76
  "label",
@@ -94,7 +97,9 @@ function Tooltip(_a) {
94
97
  "tooltipRef",
95
98
  "tooltipId",
96
99
  "classNames",
97
- "styles"
100
+ "styles",
101
+ "onMouseLeave",
102
+ "onMouseEnter"
98
103
  ]);
99
104
  const { classes, cx } = Tooltip_styles['default']({ color, radius }, { classNames, styles: styles$1, name: "Tooltip" });
100
105
  const timeoutRef = React.useRef();
@@ -115,7 +120,18 @@ function Tooltip(_a) {
115
120
  }
116
121
  };
117
122
  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
118
- className: cx(classes.root, className)
123
+ className: cx(classes.root, className),
124
+ onMouseEnter: (event) => {
125
+ handleOpen();
126
+ typeof onMouseEnter === "function" && onMouseEnter(event);
127
+ },
128
+ onMouseLeave: (event) => {
129
+ handleClose();
130
+ typeof onMouseLeave === "function" && onMouseLeave(event);
131
+ },
132
+ onFocusCapture: handleOpen,
133
+ onBlurCapture: handleClose,
134
+ ref: hooks.mergeRefs(setReferenceElement, ref)
119
135
  }, others), /* @__PURE__ */ React__default.createElement(Popper.Popper, {
120
136
  referenceElement,
121
137
  transitionDuration,
@@ -131,22 +147,16 @@ function Tooltip(_a) {
131
147
  arrowClassName: classes.arrow,
132
148
  forceUpdateDependencies: [color, radius, ...positionDependencies],
133
149
  withinPortal
134
- }, /* @__PURE__ */ React__default.createElement("div", {
150
+ }, /* @__PURE__ */ React__default.createElement(Box.Box, {
135
151
  className: classes.body,
136
152
  ref: tooltipRef,
137
- style: {
153
+ sx: {
138
154
  pointerEvents: allowPointerEvents ? "all" : "none",
139
155
  whiteSpace: wrapLines ? "normal" : "nowrap",
140
156
  width
141
157
  }
142
- }, label)), /* @__PURE__ */ React__default.createElement("div", {
143
- onMouseEnter: handleOpen,
144
- onMouseLeave: handleClose,
145
- onFocusCapture: handleOpen,
146
- onBlurCapture: handleClose,
147
- ref: setReferenceElement
148
- }, children));
149
- }
158
+ }, label)), children);
159
+ });
150
160
  Tooltip.displayName = "@mantine/core/Tooltip";
151
161
 
152
162
  exports.Tooltip = Tooltip;
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport {\n DefaultProps,\n MantineColor,\n ClassNames,\n getDefaultZIndex,\n MantineNumberSize,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Popper, SharedPopperProps } from '../Popper';\nimport useStyles from './Tooltip.styles';\n\nexport type TooltipStylesNames = ClassNames<typeof useStyles>;\n\nexport interface TooltipProps\n extends DefaultProps<TooltipStylesNames>,\n SharedPopperProps,\n React.ComponentPropsWithoutRef<'div'> {\n /** Tooltip content */\n label: React.ReactNode;\n\n /** Any react node that should trigger tooltip */\n children: React.ReactNode;\n\n /** Tooltip opened state for controlled variant */\n opened?: boolean;\n\n /** Close delay in ms, 0 to disable delay */\n delay?: number;\n\n /** Any color from theme.colors, defaults to gray in light color scheme and dark in dark colors scheme */\n color?: MantineColor;\n\n /** Radius from theme.radius, or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** True to disable tooltip */\n disabled?: boolean;\n\n /** Arrow size in px */\n arrowSize?: number;\n\n /** Tooltip width in px or auto */\n width?: number | 'auto';\n\n /** Allow multiline tooltip content */\n wrapLines?: boolean;\n\n /** Allow pointer events on tooltip, warning: this may break some animations */\n allowPointerEvents?: boolean;\n\n /** Get tooltip ref */\n tooltipRef?: React.ForwardedRef<HTMLDivElement>;\n\n /** Tooltip id to bind aria-describedby */\n tooltipId?: string;\n\n /** useEffect dependencies to force update tooltip position */\n positionDependencies?: any[];\n\n /** Whether to render the target element in a Portal */\n withinPortal?: boolean;\n}\n\nexport function Tooltip({\n className,\n label,\n children,\n opened,\n delay = 0,\n gutter = 5,\n color = 'gray',\n radius = 'sm',\n disabled = false,\n withArrow = false,\n arrowSize = 2,\n position = 'top',\n placement = 'center',\n transition = 'pop-top-left',\n transitionDuration = 100,\n zIndex = getDefaultZIndex('popover'),\n transitionTimingFunction,\n width = 'auto',\n wrapLines = false,\n allowPointerEvents = false,\n positionDependencies = [],\n withinPortal = true,\n tooltipRef,\n tooltipId,\n classNames,\n styles,\n ...others\n}: TooltipProps) {\n const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: 'Tooltip' });\n const timeoutRef = useRef<number>();\n const [_opened, setOpened] = useState(false);\n const visible = (typeof opened === 'boolean' ? opened : _opened) && !disabled;\n const [referenceElement, setReferenceElement] = useState(null);\n\n const handleOpen = () => {\n window.clearTimeout(timeoutRef.current);\n setOpened(true);\n };\n\n const handleClose = () => {\n if (delay !== 0) {\n timeoutRef.current = window.setTimeout(() => {\n setOpened(false);\n }, delay);\n } else {\n setOpened(false);\n }\n };\n\n return (\n <Box className={cx(classes.root, className)} {...others}>\n <Popper\n referenceElement={referenceElement}\n transitionDuration={transitionDuration}\n transition={transition}\n mounted={visible}\n position={position}\n placement={placement}\n gutter={gutter}\n withArrow={withArrow}\n arrowSize={arrowSize}\n arrowDistance={7}\n zIndex={zIndex}\n arrowClassName={classes.arrow}\n forceUpdateDependencies={[color, radius, ...positionDependencies]}\n withinPortal={withinPortal}\n >\n <div\n className={classes.body}\n ref={tooltipRef}\n style={{\n pointerEvents: allowPointerEvents ? 'all' : 'none',\n whiteSpace: wrapLines ? 'normal' : 'nowrap',\n width,\n }}\n >\n {label}\n </div>\n </Popper>\n\n <div\n onMouseEnter={handleOpen}\n onMouseLeave={handleClose}\n onFocusCapture={handleOpen}\n onBlurCapture={handleClose}\n ref={setReferenceElement}\n >\n {children}\n </div>\n </Box>\n );\n}\n\nTooltip.displayName = '@mantine/core/Tooltip';\n"],"names":["getDefaultZIndex","styles","useStyles","useRef","useState","React","Box","Popper"],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineColor,\n ClassNames,\n getDefaultZIndex,\n MantineNumberSize,\n} from '@mantine/styles';\nimport { mergeRefs } from '@mantine/hooks';\nimport { Box } from '../Box';\nimport { Popper, SharedPopperProps } from '../Popper';\nimport useStyles from './Tooltip.styles';\n\nexport type TooltipStylesNames = ClassNames<typeof useStyles>;\n\nexport interface TooltipProps\n extends DefaultProps<TooltipStylesNames>,\n SharedPopperProps,\n React.ComponentPropsWithoutRef<'div'> {\n /** Tooltip content */\n label: React.ReactNode;\n\n /** Any react node that should trigger tooltip */\n children: React.ReactNode;\n\n /** Tooltip opened state for controlled variant */\n opened?: boolean;\n\n /** Close delay in ms, 0 to disable delay */\n delay?: number;\n\n /** Any color from theme.colors, defaults to gray in light color scheme and dark in dark colors scheme */\n color?: MantineColor;\n\n /** Radius from theme.radius, or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** True to disable tooltip */\n disabled?: boolean;\n\n /** Arrow size in px */\n arrowSize?: number;\n\n /** Tooltip width in px or auto */\n width?: number | 'auto';\n\n /** Allow multiline tooltip content */\n wrapLines?: boolean;\n\n /** Allow pointer events on tooltip, warning: this may break some animations */\n allowPointerEvents?: boolean;\n\n /** Get tooltip ref */\n tooltipRef?: React.ForwardedRef<HTMLDivElement>;\n\n /** Tooltip id to bind aria-describedby */\n tooltipId?: string;\n\n /** useEffect dependencies to force update tooltip position */\n positionDependencies?: any[];\n\n /** Whether to render the target element in a Portal */\n withinPortal?: boolean;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n className,\n label,\n children,\n opened,\n delay = 0,\n gutter = 5,\n color = 'gray',\n radius = 'sm',\n disabled = false,\n withArrow = false,\n arrowSize = 2,\n position = 'top',\n placement = 'center',\n transition = 'pop-top-left',\n transitionDuration = 100,\n zIndex = getDefaultZIndex('popover'),\n transitionTimingFunction,\n width = 'auto',\n wrapLines = false,\n allowPointerEvents = false,\n positionDependencies = [],\n withinPortal = true,\n tooltipRef,\n tooltipId,\n classNames,\n styles,\n onMouseLeave,\n onMouseEnter,\n ...others\n }: TooltipProps,\n ref\n ) => {\n const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: 'Tooltip' });\n const timeoutRef = useRef<number>();\n const [_opened, setOpened] = useState(false);\n const visible = (typeof opened === 'boolean' ? opened : _opened) && !disabled;\n const [referenceElement, setReferenceElement] = useState(null);\n\n const handleOpen = () => {\n window.clearTimeout(timeoutRef.current);\n setOpened(true);\n };\n\n const handleClose = () => {\n if (delay !== 0) {\n timeoutRef.current = window.setTimeout(() => {\n setOpened(false);\n }, delay);\n } else {\n setOpened(false);\n }\n };\n\n return (\n <Box<'div'>\n className={cx(classes.root, className)}\n onMouseEnter={(event) => {\n handleOpen();\n typeof onMouseEnter === 'function' && onMouseEnter(event);\n }}\n onMouseLeave={(event) => {\n handleClose();\n typeof onMouseLeave === 'function' && onMouseLeave(event);\n }}\n onFocusCapture={handleOpen}\n onBlurCapture={handleClose}\n ref={mergeRefs(setReferenceElement, ref)}\n {...others}\n >\n <Popper\n referenceElement={referenceElement}\n transitionDuration={transitionDuration}\n transition={transition}\n mounted={visible}\n position={position}\n placement={placement}\n gutter={gutter}\n withArrow={withArrow}\n arrowSize={arrowSize}\n arrowDistance={7}\n zIndex={zIndex}\n arrowClassName={classes.arrow}\n forceUpdateDependencies={[color, radius, ...positionDependencies]}\n withinPortal={withinPortal}\n >\n <Box\n className={classes.body}\n ref={tooltipRef}\n sx={{\n pointerEvents: allowPointerEvents ? 'all' : 'none',\n whiteSpace: wrapLines ? 'normal' : 'nowrap',\n width,\n }}\n >\n {label}\n </Box>\n </Popper>\n\n {children}\n </Box>\n );\n }\n);\n\nTooltip.displayName = '@mantine/core/Tooltip';\n"],"names":["forwardRef","getDefaultZIndex","styles","useStyles","useRef","useState","React","Box","mergeRefs","Popper"],"mappings":"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"}