@lumx/react 3.20.1-alpha.12 → 3.20.1-alpha.14

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 (721) hide show
  1. package/_internal/index.js +236 -0
  2. package/_internal/index.js.map +1 -0
  3. package/index.d.ts +1 -1
  4. package/index.js +14440 -65
  5. package/index.js.map +1 -1
  6. package/package.json +11 -3
  7. package/src/components/alert-dialog/AlertDialog.stories.tsx +127 -0
  8. package/src/components/alert-dialog/AlertDialog.test.tsx +34 -0
  9. package/src/components/alert-dialog/AlertDialog.tsx +189 -0
  10. package/src/components/alert-dialog/index.ts +1 -0
  11. package/src/components/autocomplete/Autocomplete.stories.tsx +75 -0
  12. package/src/components/autocomplete/Autocomplete.test.tsx +99 -0
  13. package/src/components/autocomplete/Autocomplete.tsx +294 -0
  14. package/src/components/autocomplete/AutocompleteMultiple.stories.tsx +167 -0
  15. package/src/components/autocomplete/AutocompleteMultiple.test.tsx +61 -0
  16. package/src/components/autocomplete/AutocompleteMultiple.tsx +156 -0
  17. package/src/components/autocomplete/__mockData__/index.ts +39 -0
  18. package/src/components/autocomplete/index.ts +2 -0
  19. package/src/components/avatar/Avatar.stories.tsx +119 -0
  20. package/src/components/avatar/Avatar.test.tsx +32 -0
  21. package/src/components/avatar/Avatar.tsx +114 -0
  22. package/src/components/avatar/index.ts +1 -0
  23. package/src/components/badge/Badge.stories.tsx +69 -0
  24. package/src/components/badge/Badge.test.tsx +45 -0
  25. package/src/components/badge/Badge.tsx +58 -0
  26. package/src/components/badge/BadgeWrapper.stories.tsx +75 -0
  27. package/src/components/badge/BadgeWrapper.test.tsx +47 -0
  28. package/src/components/badge/BadgeWrapper.tsx +37 -0
  29. package/src/components/badge/index.ts +2 -0
  30. package/src/components/button/Button.stories.tsx +355 -0
  31. package/src/components/button/Button.test.tsx +125 -0
  32. package/src/components/button/Button.tsx +101 -0
  33. package/src/components/button/ButtonGroup.stories.tsx +52 -0
  34. package/src/components/button/ButtonGroup.test.tsx +41 -0
  35. package/src/components/button/ButtonGroup.tsx +50 -0
  36. package/src/components/button/ButtonRoot.tsx +163 -0
  37. package/src/components/button/IconButton.stories.tsx +52 -0
  38. package/src/components/button/IconButton.test.tsx +66 -0
  39. package/src/components/button/IconButton.tsx +91 -0
  40. package/src/components/button/index.ts +4 -0
  41. package/src/components/checkbox/Checkbox.stories.tsx +64 -0
  42. package/src/components/checkbox/Checkbox.test.tsx +154 -0
  43. package/src/components/checkbox/Checkbox.tsx +164 -0
  44. package/src/components/checkbox/index.ts +1 -0
  45. package/src/components/chip/Chip.stories.tsx +164 -0
  46. package/src/components/chip/Chip.test.tsx +243 -0
  47. package/src/components/chip/Chip.tsx +168 -0
  48. package/src/components/chip/ChipGroup.stories.tsx +47 -0
  49. package/src/components/chip/ChipGroup.test.tsx +37 -0
  50. package/src/components/chip/ChipGroup.tsx +60 -0
  51. package/src/components/chip/index.ts +2 -0
  52. package/src/components/comment-block/CommentBlock.stories.tsx +91 -0
  53. package/src/components/comment-block/CommentBlock.test.tsx +28 -0
  54. package/src/components/comment-block/CommentBlock.tsx +172 -0
  55. package/src/components/comment-block/index.ts +1 -0
  56. package/src/components/date-picker/DatePicker.stories.tsx +118 -0
  57. package/src/components/date-picker/DatePicker.test.tsx +34 -0
  58. package/src/components/date-picker/DatePicker.tsx +52 -0
  59. package/src/components/date-picker/DatePickerControlled.test.tsx +91 -0
  60. package/src/components/date-picker/DatePickerControlled.tsx +259 -0
  61. package/src/components/date-picker/DatePickerField.stories.tsx +100 -0
  62. package/src/components/date-picker/DatePickerField.test.tsx +70 -0
  63. package/src/components/date-picker/DatePickerField.tsx +135 -0
  64. package/src/components/date-picker/constants.ts +11 -0
  65. package/src/components/date-picker/index.ts +4 -0
  66. package/src/components/date-picker/types.ts +28 -0
  67. package/src/components/dialog/Dialog.stories.tsx +318 -0
  68. package/src/components/dialog/Dialog.test.tsx +97 -0
  69. package/src/components/dialog/Dialog.tsx +288 -0
  70. package/src/components/dialog/index.ts +1 -0
  71. package/src/components/divider/Divider.test.tsx +51 -0
  72. package/src/components/divider/Divider.tsx +50 -0
  73. package/src/components/divider/index.ts +1 -0
  74. package/src/components/drag-handle/DragHandle.test.tsx +36 -0
  75. package/src/components/drag-handle/DragHandle.tsx +51 -0
  76. package/src/components/drag-handle/index.ts +1 -0
  77. package/src/components/dropdown/Dropdown.stories.tsx +31 -0
  78. package/src/components/dropdown/Dropdown.test.tsx +66 -0
  79. package/src/components/dropdown/Dropdown.tsx +186 -0
  80. package/src/components/dropdown/index.ts +1 -0
  81. package/src/components/expansion-panel/ExpansionPanel.stories.tsx +91 -0
  82. package/src/components/expansion-panel/ExpansionPanel.test.tsx +185 -0
  83. package/src/components/expansion-panel/ExpansionPanel.tsx +195 -0
  84. package/src/components/expansion-panel/index.ts +1 -0
  85. package/src/components/flag/Flag.stories.tsx +48 -0
  86. package/src/components/flag/Flag.test.tsx +62 -0
  87. package/src/components/flag/Flag.tsx +52 -0
  88. package/src/components/flag/index.ts +1 -0
  89. package/src/components/flex-box/FlexBox.stories.tsx +156 -0
  90. package/src/components/flex-box/FlexBox.test.tsx +24 -0
  91. package/src/components/flex-box/FlexBox.tsx +100 -0
  92. package/src/components/flex-box/index.ts +1 -0
  93. package/src/components/generic-block/GenericBlock.stories.jsx +128 -0
  94. package/src/components/generic-block/GenericBlock.test.tsx +156 -0
  95. package/src/components/generic-block/GenericBlock.tsx +225 -0
  96. package/src/components/generic-block/constants.ts +9 -0
  97. package/src/components/generic-block/index.ts +2 -0
  98. package/src/components/grid/Grid.tsx +83 -0
  99. package/src/components/grid/GridItem.tsx +55 -0
  100. package/src/components/grid/index.ts +2 -0
  101. package/src/components/grid-column/GridColumn.stories.tsx +45 -0
  102. package/src/components/grid-column/GridColumn.test.jsx +56 -0
  103. package/src/components/grid-column/GridColumn.tsx +83 -0
  104. package/src/components/grid-column/index.ts +1 -0
  105. package/src/components/heading/Heading.stories.tsx +69 -0
  106. package/src/components/heading/Heading.test.tsx +82 -0
  107. package/src/components/heading/Heading.tsx +65 -0
  108. package/src/components/heading/HeadingLevelProvider.tsx +30 -0
  109. package/src/components/heading/constants.ts +16 -0
  110. package/src/components/heading/context.tsx +13 -0
  111. package/src/components/heading/index.ts +3 -0
  112. package/src/components/heading/useHeadingLevel.tsx +8 -0
  113. package/src/components/icon/Icon.stories.tsx +73 -0
  114. package/src/components/icon/Icon.test.tsx +125 -0
  115. package/src/components/icon/Icon.tsx +133 -0
  116. package/src/components/icon/index.ts +1 -0
  117. package/src/components/image-block/ImageBlock.stories.tsx +117 -0
  118. package/src/components/image-block/ImageBlock.test.tsx +58 -0
  119. package/src/components/image-block/ImageBlock.tsx +142 -0
  120. package/src/components/image-block/ImageCaption.tsx +115 -0
  121. package/src/components/image-block/index.ts +1 -0
  122. package/src/components/image-lightbox/ImageLightbox.stories.tsx +160 -0
  123. package/src/components/image-lightbox/ImageLightbox.test.tsx +254 -0
  124. package/src/components/image-lightbox/ImageLightbox.tsx +90 -0
  125. package/src/components/image-lightbox/constants.ts +11 -0
  126. package/src/components/image-lightbox/index.ts +2 -0
  127. package/src/components/image-lightbox/internal/ImageSlide.tsx +107 -0
  128. package/src/components/image-lightbox/internal/ImageSlideshow.tsx +164 -0
  129. package/src/components/image-lightbox/internal/useAnimateScroll.ts +55 -0
  130. package/src/components/image-lightbox/internal/usePointerZoom.ts +148 -0
  131. package/src/components/image-lightbox/types.ts +48 -0
  132. package/src/components/image-lightbox/useImageLightbox.tsx +141 -0
  133. package/src/components/inline-list/InlineList.stories.tsx +77 -0
  134. package/src/components/inline-list/InlineList.test.tsx +52 -0
  135. package/src/components/inline-list/InlineList.tsx +96 -0
  136. package/src/components/inline-list/index.ts +1 -0
  137. package/src/components/input-helper/InputHelper.stories.tsx +35 -0
  138. package/src/components/input-helper/InputHelper.test.tsx +55 -0
  139. package/src/components/input-helper/InputHelper.tsx +65 -0
  140. package/src/components/input-helper/constants.ts +11 -0
  141. package/src/components/input-helper/index.ts +1 -0
  142. package/src/components/input-label/InputLabel.stories.tsx +45 -0
  143. package/src/components/input-label/InputLabel.test.tsx +59 -0
  144. package/src/components/input-label/InputLabel.tsx +69 -0
  145. package/src/components/input-label/index.ts +1 -0
  146. package/src/components/lightbox/Lightbox.stories.tsx +101 -0
  147. package/src/components/lightbox/Lightbox.test.tsx +53 -0
  148. package/src/components/lightbox/Lightbox.tsx +180 -0
  149. package/src/components/lightbox/index.ts +1 -0
  150. package/src/components/link/Link.stories.tsx +195 -0
  151. package/src/components/link/Link.test.tsx +127 -0
  152. package/src/components/link/Link.tsx +106 -0
  153. package/src/components/link/index.ts +1 -0
  154. package/src/components/link-preview/LinkPreview.stories.tsx +61 -0
  155. package/src/components/link-preview/LinkPreview.test.tsx +105 -0
  156. package/src/components/link-preview/LinkPreview.tsx +158 -0
  157. package/src/components/link-preview/index.ts +1 -0
  158. package/src/components/list/List.stories.tsx +116 -0
  159. package/src/components/list/List.test.tsx +18 -0
  160. package/src/components/list/List.tsx +104 -0
  161. package/src/components/list/ListDivider.stories.tsx +12 -0
  162. package/src/components/list/ListDivider.test.tsx +22 -0
  163. package/src/components/list/ListDivider.tsx +35 -0
  164. package/src/components/list/ListItem.stories.tsx +66 -0
  165. package/src/components/list/ListItem.test.tsx +93 -0
  166. package/src/components/list/ListItem.tsx +157 -0
  167. package/src/components/list/ListSubheader.stories.tsx +11 -0
  168. package/src/components/list/ListSubheader.test.tsx +21 -0
  169. package/src/components/list/ListSubheader.tsx +44 -0
  170. package/src/components/list/index.ts +4 -0
  171. package/src/components/list/useInteractiveList.tsx +202 -0
  172. package/src/components/message/Message.stories.tsx +72 -0
  173. package/src/components/message/Message.test.tsx +76 -0
  174. package/src/components/message/Message.tsx +100 -0
  175. package/src/components/message/index.ts +1 -0
  176. package/src/components/mosaic/Mosaic.stories.tsx +89 -0
  177. package/src/components/mosaic/Mosaic.test.tsx +77 -0
  178. package/src/components/mosaic/Mosaic.tsx +98 -0
  179. package/src/components/mosaic/index.ts +1 -0
  180. package/src/components/navigation/Navigation.stories.tsx +234 -0
  181. package/src/components/navigation/Navigation.test.tsx +65 -0
  182. package/src/components/navigation/Navigation.tsx +79 -0
  183. package/src/components/navigation/NavigationItem.test.tsx +35 -0
  184. package/src/components/navigation/NavigationItem.tsx +82 -0
  185. package/src/components/navigation/NavigationSection.test.tsx +137 -0
  186. package/src/components/navigation/NavigationSection.tsx +108 -0
  187. package/src/components/navigation/context.tsx +7 -0
  188. package/src/components/navigation/index.ts +1 -0
  189. package/src/components/notification/Notification.test.tsx +94 -0
  190. package/src/components/notification/Notification.tsx +138 -0
  191. package/src/components/notification/Notifications.stories.tsx +92 -0
  192. package/src/components/notification/constants.ts +28 -0
  193. package/src/components/notification/index.ts +1 -0
  194. package/src/components/popover/Popover.stories.tsx +264 -0
  195. package/src/components/popover/Popover.test.tsx +62 -0
  196. package/src/components/popover/Popover.tsx +201 -0
  197. package/src/components/popover/constants.ts +62 -0
  198. package/src/components/popover/index.ts +3 -0
  199. package/src/components/popover/usePopoverStyle.tsx +184 -0
  200. package/src/components/popover/useRestoreFocusOnClose.tsx +47 -0
  201. package/src/components/popover-dialog/PopoverDialog.stories.tsx +64 -0
  202. package/src/components/popover-dialog/PopoverDialog.test.tsx +139 -0
  203. package/src/components/popover-dialog/PopoverDialog.tsx +74 -0
  204. package/src/components/popover-dialog/index.tsx +1 -0
  205. package/src/components/post-block/PostBlock.test.tsx +27 -0
  206. package/src/components/post-block/PostBlock.tsx +122 -0
  207. package/src/components/post-block/index.ts +1 -0
  208. package/src/components/progress/Progress.tsx +68 -0
  209. package/src/components/progress/ProgressCircular.stories.tsx +43 -0
  210. package/src/components/progress/ProgressCircular.test.tsx +46 -0
  211. package/src/components/progress/ProgressCircular.tsx +82 -0
  212. package/src/components/progress/ProgressLinear.stories.tsx +12 -0
  213. package/src/components/progress/ProgressLinear.test.tsx +30 -0
  214. package/src/components/progress/ProgressLinear.tsx +50 -0
  215. package/src/components/progress/index.ts +3 -0
  216. package/src/components/progress-tracker/ProgressTracker.stories.tsx +145 -0
  217. package/src/components/progress-tracker/ProgressTracker.test.tsx +42 -0
  218. package/src/components/progress-tracker/ProgressTracker.tsx +87 -0
  219. package/src/components/progress-tracker/ProgressTrackerProvider.test.tsx +65 -0
  220. package/src/components/progress-tracker/ProgressTrackerProvider.tsx +67 -0
  221. package/src/components/progress-tracker/ProgressTrackerStep.test.tsx +36 -0
  222. package/src/components/progress-tracker/ProgressTrackerStep.tsx +159 -0
  223. package/src/components/progress-tracker/ProgressTrackerStepPanel.test.tsx +34 -0
  224. package/src/components/progress-tracker/ProgressTrackerStepPanel.tsx +67 -0
  225. package/src/components/progress-tracker/index.ts +4 -0
  226. package/src/components/radio-button/RadioButton.stories.tsx +71 -0
  227. package/src/components/radio-button/RadioButton.test.tsx +143 -0
  228. package/src/components/radio-button/RadioButton.tsx +143 -0
  229. package/src/components/radio-button/RadioGroup.stories.tsx +39 -0
  230. package/src/components/radio-button/RadioGroup.test.tsx +29 -0
  231. package/src/components/radio-button/RadioGroup.tsx +44 -0
  232. package/src/components/radio-button/index.ts +2 -0
  233. package/src/components/select/Select.stories.tsx +385 -0
  234. package/src/components/select/Select.test.tsx +199 -0
  235. package/src/components/select/Select.tsx +199 -0
  236. package/src/components/select/SelectMultiple.stories.tsx +315 -0
  237. package/src/components/select/SelectMultiple.test.tsx +213 -0
  238. package/src/components/select/SelectMultiple.tsx +206 -0
  239. package/src/components/select/WithSelectContext.tsx +147 -0
  240. package/src/components/select/constants.ts +55 -0
  241. package/src/components/select/index.ts +2 -0
  242. package/src/components/side-navigation/SideNavigation.stories.tsx +191 -0
  243. package/src/components/side-navigation/SideNavigation.test.tsx +37 -0
  244. package/src/components/side-navigation/SideNavigation.tsx +52 -0
  245. package/src/components/side-navigation/SideNavigationItem.stories.tsx +133 -0
  246. package/src/components/side-navigation/SideNavigationItem.test.tsx +136 -0
  247. package/src/components/side-navigation/SideNavigationItem.tsx +165 -0
  248. package/src/components/side-navigation/index.ts +2 -0
  249. package/src/components/skeleton/SkeletonCircle.stories.tsx +41 -0
  250. package/src/components/skeleton/SkeletonCircle.test.tsx +27 -0
  251. package/src/components/skeleton/SkeletonCircle.tsx +52 -0
  252. package/src/components/skeleton/SkeletonRectangle.stories.tsx +82 -0
  253. package/src/components/skeleton/SkeletonRectangle.test.tsx +27 -0
  254. package/src/components/skeleton/SkeletonRectangle.tsx +88 -0
  255. package/src/components/skeleton/SkeletonTypography.stories.tsx +19 -0
  256. package/src/components/skeleton/SkeletonTypography.test.tsx +27 -0
  257. package/src/components/skeleton/SkeletonTypography.tsx +59 -0
  258. package/src/components/skeleton/index.ts +3 -0
  259. package/src/components/slider/Slider.stories.tsx +45 -0
  260. package/src/components/slider/Slider.test.tsx +29 -0
  261. package/src/components/slider/Slider.tsx +299 -0
  262. package/src/components/slider/index.ts +2 -0
  263. package/src/components/slideshow/Slides.tsx +130 -0
  264. package/src/components/slideshow/Slideshow.stories.tsx +179 -0
  265. package/src/components/slideshow/Slideshow.test.tsx +35 -0
  266. package/src/components/slideshow/Slideshow.tsx +173 -0
  267. package/src/components/slideshow/SlideshowControls.stories.tsx +100 -0
  268. package/src/components/slideshow/SlideshowControls.tsx +243 -0
  269. package/src/components/slideshow/SlideshowItem.tsx +44 -0
  270. package/src/components/slideshow/SlideshowItemGroup.tsx +60 -0
  271. package/src/components/slideshow/constants.ts +24 -0
  272. package/src/components/slideshow/index.ts +4 -0
  273. package/src/components/slideshow/useKeyNavigate.ts +28 -0
  274. package/src/components/slideshow/usePaginationVisibleRange.ts +37 -0
  275. package/src/components/slideshow/useSlideFocusManagement.tsx +92 -0
  276. package/src/components/slideshow/useSwipeNavigate.ts +18 -0
  277. package/src/components/switch/Switch.stories.tsx +49 -0
  278. package/src/components/switch/Switch.test.tsx +144 -0
  279. package/src/components/switch/Switch.tsx +145 -0
  280. package/src/components/switch/index.ts +1 -0
  281. package/src/components/table/Table.test.tsx +29 -0
  282. package/src/components/table/Table.tsx +59 -0
  283. package/src/components/table/TableBody.test.tsx +30 -0
  284. package/src/components/table/TableBody.tsx +42 -0
  285. package/src/components/table/TableCell.test.tsx +72 -0
  286. package/src/components/table/TableCell.tsx +130 -0
  287. package/src/components/table/TableHeader.test.tsx +30 -0
  288. package/src/components/table/TableHeader.tsx +48 -0
  289. package/src/components/table/TableRow.test.tsx +40 -0
  290. package/src/components/table/TableRow.tsx +71 -0
  291. package/src/components/table/index.ts +5 -0
  292. package/src/components/tabs/Tab.test.tsx +50 -0
  293. package/src/components/tabs/Tab.tsx +133 -0
  294. package/src/components/tabs/TabList.test.tsx +49 -0
  295. package/src/components/tabs/TabList.tsx +94 -0
  296. package/src/components/tabs/TabPanel.test.tsx +37 -0
  297. package/src/components/tabs/TabPanel.tsx +67 -0
  298. package/src/components/tabs/TabProvider.test.tsx +161 -0
  299. package/src/components/tabs/TabProvider.tsx +67 -0
  300. package/src/components/tabs/Tabs.stories.tsx +170 -0
  301. package/src/components/tabs/index.ts +4 -0
  302. package/src/components/tabs/state.ts +114 -0
  303. package/src/components/tabs/test-utils.ts +39 -0
  304. package/src/components/text/Text.stories.tsx +177 -0
  305. package/src/components/text/Text.test.tsx +92 -0
  306. package/src/components/text/Text.tsx +139 -0
  307. package/src/components/text/index.ts +1 -0
  308. package/src/components/text-field/TextField.stories.tsx +180 -0
  309. package/src/components/text-field/TextField.test.tsx +298 -0
  310. package/src/components/text-field/TextField.tsx +493 -0
  311. package/src/components/text-field/index.ts +1 -0
  312. package/src/components/thumbnail/Thumbnail.stories.tsx +448 -0
  313. package/src/components/thumbnail/Thumbnail.test.tsx +88 -0
  314. package/src/components/thumbnail/Thumbnail.tsx +248 -0
  315. package/src/components/thumbnail/index.ts +3 -0
  316. package/src/components/thumbnail/types.ts +48 -0
  317. package/src/components/thumbnail/useFocusPointStyle.test.ts +92 -0
  318. package/src/components/thumbnail/useFocusPointStyle.tsx +107 -0
  319. package/src/components/thumbnail/useImageLoad.ts +40 -0
  320. package/src/components/toolbar/Toolbar.tsx +68 -0
  321. package/src/components/toolbar/index.ts +1 -0
  322. package/src/components/tooltip/Tooltip.stories.tsx +118 -0
  323. package/src/components/tooltip/Tooltip.test.tsx +417 -0
  324. package/src/components/tooltip/Tooltip.tsx +165 -0
  325. package/src/components/tooltip/constants.ts +8 -0
  326. package/src/components/tooltip/context.tsx +17 -0
  327. package/src/components/tooltip/index.ts +1 -0
  328. package/src/components/tooltip/useInjectTooltipRef.tsx +55 -0
  329. package/src/components/tooltip/useTooltipOpen.tsx +143 -0
  330. package/src/components/uploader/Uploader.stories.tsx +109 -0
  331. package/src/components/uploader/Uploader.test.tsx +146 -0
  332. package/src/components/uploader/Uploader.tsx +177 -0
  333. package/src/components/uploader/index.ts +1 -0
  334. package/src/components/user-block/UserBlock.stories.tsx +133 -0
  335. package/src/components/user-block/UserBlock.test.tsx +106 -0
  336. package/src/components/user-block/UserBlock.tsx +193 -0
  337. package/src/components/user-block/index.ts +1 -0
  338. package/src/constants.ts +27 -0
  339. package/src/hooks/useBooleanState.tsx +13 -0
  340. package/src/hooks/useCallbackOnEscape.ts +34 -0
  341. package/src/hooks/useChipGroupNavigation.tsx +75 -0
  342. package/src/hooks/useClickAway.tsx +48 -0
  343. package/src/hooks/useDisableBodyScroll.ts +28 -0
  344. package/src/hooks/useEventCallback.tsx +17 -0
  345. package/src/hooks/useFocus.tsx +21 -0
  346. package/src/hooks/useFocusTrap.ts +93 -0
  347. package/src/hooks/useFocusWithin.ts +33 -0
  348. package/src/hooks/useId.test.tsx +22 -0
  349. package/src/hooks/useId.ts +15 -0
  350. package/src/hooks/useImageSize.ts +17 -0
  351. package/src/hooks/useInfiniteScroll.tsx +60 -0
  352. package/src/hooks/useIntersectionObserver.tsx +43 -0
  353. package/src/hooks/useInterval.tsx +31 -0
  354. package/src/hooks/useKeyboardListNavigation.tsx +204 -0
  355. package/src/hooks/useListenFocus.tsx +26 -0
  356. package/src/hooks/useOverflowTooltipLabel.tsx +32 -0
  357. package/src/hooks/usePopper.ts +12 -0
  358. package/src/hooks/usePreviousValue.ts +12 -0
  359. package/src/hooks/useRovingTabIndex.tsx +90 -0
  360. package/src/hooks/useSizeOnWindowResize.ts +30 -0
  361. package/src/hooks/useSlideshowControls.ts +246 -0
  362. package/src/hooks/useStopPropagation.ts +21 -0
  363. package/src/hooks/useTransitionVisibility.ts +48 -0
  364. package/src/index.ts +63 -0
  365. package/src/stories/controls/color.ts +7 -0
  366. package/src/stories/controls/element.ts +6 -0
  367. package/src/stories/controls/focusPoint.ts +1 -0
  368. package/src/stories/controls/icons.ts +126 -0
  369. package/src/stories/controls/image.ts +84 -0
  370. package/src/stories/controls/selectArgType.ts +8 -0
  371. package/src/stories/controls/theme.ts +3 -0
  372. package/src/stories/controls/typography.ts +5 -0
  373. package/src/stories/controls/withUndefined.ts +1 -0
  374. package/src/stories/decorators/withChromaticForceScreenSize.tsx +7 -0
  375. package/src/stories/decorators/withCombinations.tsx +132 -0
  376. package/src/stories/decorators/withNestedProps.tsx +22 -0
  377. package/src/stories/decorators/withResizableBox.tsx +21 -0
  378. package/src/stories/decorators/withThemedBackground.tsx +16 -0
  379. package/src/stories/decorators/withValueOnChange.tsx +18 -0
  380. package/src/stories/decorators/withWrapper.tsx +19 -0
  381. package/src/stories/generated/Autocomplete/Demos.stories.tsx +7 -0
  382. package/src/stories/generated/Avatar/Demos.stories.tsx +7 -0
  383. package/src/stories/generated/Badge/Demos.stories.tsx +9 -0
  384. package/src/stories/generated/Button/Demos.stories.tsx +11 -0
  385. package/src/stories/generated/Checkbox/Demos.stories.tsx +6 -0
  386. package/src/stories/generated/Chip/Demos.stories.tsx +11 -0
  387. package/src/stories/generated/CommentBlock/Demos.stories.tsx +8 -0
  388. package/src/stories/generated/DatePicker/Demos.stories.tsx +8 -0
  389. package/src/stories/generated/Dialog/Demos.stories.tsx +10 -0
  390. package/src/stories/generated/Divider/Demos.stories.tsx +6 -0
  391. package/src/stories/generated/Dropdown/Demos.stories.tsx +8 -0
  392. package/src/stories/generated/ExpansionPanel/Demos.stories.tsx +9 -0
  393. package/src/stories/generated/Flag/Demos.stories.tsx +6 -0
  394. package/src/stories/generated/GenericBlock/Demos.stories.tsx +8 -0
  395. package/src/stories/generated/Heading/Demos.stories.tsx +6 -0
  396. package/src/stories/generated/Icon/Demos.stories.tsx +8 -0
  397. package/src/stories/generated/ImageBlock/Demos.stories.tsx +9 -0
  398. package/src/stories/generated/ImageLightbox/Demos.stories.tsx +6 -0
  399. package/src/stories/generated/Lightbox/Demos.stories.tsx +6 -0
  400. package/src/stories/generated/LinkPreview/Demos.stories.tsx +7 -0
  401. package/src/stories/generated/List/Demos.stories.tsx +11 -0
  402. package/src/stories/generated/Message/Demos.stories.tsx +11 -0
  403. package/src/stories/generated/Mosaic/Demos.stories.tsx +10 -0
  404. package/src/stories/generated/Notification/Demos.stories.tsx +6 -0
  405. package/src/stories/generated/Popover/Demos.stories.tsx +11 -0
  406. package/src/stories/generated/PopoverDialog/Demos.stories.tsx +6 -0
  407. package/src/stories/generated/PostBlock/Demos.stories.tsx +6 -0
  408. package/src/stories/generated/Progress/Demos.stories.tsx +7 -0
  409. package/src/stories/generated/ProgressTracker/Demos.stories.tsx +9 -0
  410. package/src/stories/generated/RadioButton/Demos.stories.tsx +6 -0
  411. package/src/stories/generated/Select/Demos.stories.tsx +14 -0
  412. package/src/stories/generated/SideNavigation/Demos.stories.tsx +10 -0
  413. package/src/stories/generated/Skeleton/Demos.stories.tsx +9 -0
  414. package/src/stories/generated/Slider/Demos.stories.tsx +9 -0
  415. package/src/stories/generated/Slideshow/Demos.stories.tsx +8 -0
  416. package/src/stories/generated/Switch/Demos.stories.tsx +6 -0
  417. package/src/stories/generated/Table/Demos.stories.tsx +7 -0
  418. package/src/stories/generated/Tabs/Demos.stories.tsx +8 -0
  419. package/src/stories/generated/TextField/Demos.stories.tsx +20 -0
  420. package/src/stories/generated/Thumbnail/Demos.stories.tsx +12 -0
  421. package/src/stories/generated/Toolbar/Demos.stories.tsx +10 -0
  422. package/src/stories/generated/Tooltip/Demos.stories.tsx +8 -0
  423. package/src/stories/generated/Uploader/Demos.stories.tsx +8 -0
  424. package/src/stories/generated/UserBlock/Demos.stories.tsx +11 -0
  425. package/src/stories/utils/CustomLink.tsx +12 -0
  426. package/src/stories/utils/concatPath.tsx +17 -0
  427. package/src/stories/utils/disableArgTypes.ts +3 -0
  428. package/src/stories/utils/initDemoShadowDOMPortal.ts +10 -0
  429. package/src/stories/utils/lorem.ts +59 -0
  430. package/src/stories/utils/theming.tsx +166 -0
  431. package/src/stories/utils/toFlattenProps.ts +28 -0
  432. package/src/stories/utils/withCategory.ts +12 -0
  433. package/src/testing/utils/ThemeSentinel.tsx +10 -0
  434. package/src/testing/utils/commonTestsSuiteRTL.tsx +193 -0
  435. package/src/testing/utils/index.ts +1 -0
  436. package/src/testing/utils/queries.ts +19 -0
  437. package/src/untypped-modules.d.ts +9 -0
  438. package/src/utils/ClickAwayProvider/ClickAwayProvider.stories.jsx +70 -0
  439. package/src/utils/ClickAwayProvider/ClickAwayProvider.tsx +69 -0
  440. package/src/utils/ClickAwayProvider/index.ts +1 -0
  441. package/src/utils/MaterialThemeSwitcher/MaterialThemeSwitcher.tsx +54 -0
  442. package/src/utils/MaterialThemeSwitcher/index.ts +1 -0
  443. package/src/utils/Portal/Portal.test.tsx +31 -0
  444. package/src/utils/Portal/Portal.tsx +33 -0
  445. package/src/utils/Portal/PortalProvider.stories.jsx +22 -0
  446. package/src/utils/Portal/PortalProvider.test.tsx +72 -0
  447. package/src/utils/Portal/PortalProvider.tsx +24 -0
  448. package/src/utils/Portal/index.tsx +2 -0
  449. package/src/utils/browser/DOM/findImage.tsx +3 -0
  450. package/src/utils/browser/DOM/startViewTransition.ts +68 -0
  451. package/src/utils/browser/focus/constants.ts +7 -0
  452. package/src/utils/browser/focus/getFirstAndLastFocusable.test.ts +134 -0
  453. package/src/utils/browser/focus/getFirstAndLastFocusable.ts +21 -0
  454. package/src/utils/browser/focus/getFocusableElements.test.ts +151 -0
  455. package/src/utils/browser/focus/getFocusableElements.ts +7 -0
  456. package/src/utils/browser/isFocusVisible.ts +9 -0
  457. package/src/utils/browser/isHoverNotSupported.test.js +24 -0
  458. package/src/utils/browser/isHoverNotSupported.ts +2 -0
  459. package/src/utils/browser/isReducedMotion.ts +6 -0
  460. package/src/utils/date/addMonthResetDay.test.ts +13 -0
  461. package/src/utils/date/addMonthResetDay.ts +9 -0
  462. package/src/utils/date/formatDayNumber.test.ts +12 -0
  463. package/src/utils/date/formatDayNumber.ts +5 -0
  464. package/src/utils/date/getFirstDayOfWeek.test.ts +20 -0
  465. package/src/utils/date/getFirstDayOfWeek.ts +59 -0
  466. package/src/utils/date/getMonthCalendar.test.ts +127 -0
  467. package/src/utils/date/getMonthCalendar.ts +69 -0
  468. package/src/utils/date/getWeekDays.test.ts +48 -0
  469. package/src/utils/date/getWeekDays.ts +34 -0
  470. package/src/utils/date/getYearDisplayName.test.ts +20 -0
  471. package/src/utils/date/getYearDisplayName.ts +12 -0
  472. package/src/utils/date/isDateValid.test.ts +15 -0
  473. package/src/utils/date/isDateValid.ts +4 -0
  474. package/src/utils/date/isSameDay.test.ts +37 -0
  475. package/src/utils/date/isSameDay.ts +11 -0
  476. package/src/utils/disabled/DisabledStateContext.tsx +29 -0
  477. package/src/utils/disabled/DisabledStateProvider.stories.tsx +92 -0
  478. package/src/utils/disabled/index.ts +2 -0
  479. package/src/utils/disabled/useDisableStateProps.test.tsx +74 -0
  480. package/src/utils/disabled/useDisableStateProps.tsx +37 -0
  481. package/src/utils/function/makeListenerTowerContext.ts +32 -0
  482. package/src/utils/index.ts +7 -0
  483. package/src/utils/locale/getCurrentLocale.ts +4 -0
  484. package/src/utils/locale/parseLocale.test.ts +17 -0
  485. package/src/utils/locale/parseLocale.ts +23 -0
  486. package/src/utils/locale/types.ts +8 -0
  487. package/src/utils/number/clamp.ts +17 -0
  488. package/src/utils/object/isEqual.test.ts +25 -0
  489. package/src/utils/object/isEqual.ts +11 -0
  490. package/src/utils/partitionMulti.test.ts +27 -0
  491. package/{_internal/4daccdd5.js → src/utils/partitionMulti.ts} +9 -5
  492. package/src/utils/react/OnBeforeUnmount.tsx +20 -0
  493. package/src/utils/react/RawClickable.test.tsx +153 -0
  494. package/src/utils/react/RawClickable.tsx +65 -0
  495. package/src/utils/react/flattenChildren.ts +32 -0
  496. package/src/utils/react/forwardRef.ts +11 -0
  497. package/src/utils/react/forwardRefPolymorphic.ts +9 -0
  498. package/src/utils/react/mergeRefs.ts +33 -0
  499. package/src/utils/react/renderLink.tsx +17 -0
  500. package/src/utils/react/skipRender.tsx +18 -0
  501. package/src/utils/react/unref.ts +7 -0
  502. package/src/utils/react/wrapChildrenIconWithSpaces.test.tsx +37 -0
  503. package/src/utils/react/wrapChildrenIconWithSpaces.tsx +22 -0
  504. package/src/utils/theme/ThemeContext.ts +16 -0
  505. package/src/utils/theme/invertTheme.ts +4 -0
  506. package/src/utils/type/Comp.ts +14 -0
  507. package/src/utils/type/ComponentRef.ts +16 -0
  508. package/src/utils/type/HasAriaDisabled.ts +6 -0
  509. package/src/utils/type/HasPolymorphicAs.ts +6 -0
  510. package/src/utils/type/HasRequiredLinkHref.ts +1 -0
  511. package/src/utils/type/MaybeElementOrRef.ts +6 -0
  512. package/src/utils/type/index.ts +9 -0
  513. package/src/utils/type/isComponent.ts +33 -0
  514. package/src/utils/type/isComponentType.ts +9 -0
  515. package/utils/index.d.ts +1 -1
  516. package/utils/index.js +1 -3
  517. package/utils/index.js.map +1 -1
  518. package/_internal/0420e67b.js +0 -119
  519. package/_internal/0420e67b.js.map +0 -1
  520. package/_internal/0a490b07.js +0 -75
  521. package/_internal/0a490b07.js.map +0 -1
  522. package/_internal/0b9c76cb.js +0 -6
  523. package/_internal/0b9c76cb.js.map +0 -1
  524. package/_internal/0be1006e.js +0 -97
  525. package/_internal/0be1006e.js.map +0 -1
  526. package/_internal/0d1a078c.js +0 -144
  527. package/_internal/0d1a078c.js.map +0 -1
  528. package/_internal/15eab19b.js +0 -75
  529. package/_internal/15eab19b.js.map +0 -1
  530. package/_internal/179a84d1.js +0 -259
  531. package/_internal/179a84d1.js.map +0 -1
  532. package/_internal/193521fa.js +0 -52
  533. package/_internal/193521fa.js.map +0 -1
  534. package/_internal/1a90ea3d.js +0 -51
  535. package/_internal/1a90ea3d.js.map +0 -1
  536. package/_internal/1deba7d7.js +0 -224
  537. package/_internal/1deba7d7.js.map +0 -1
  538. package/_internal/1ea72630.js +0 -146
  539. package/_internal/1ea72630.js.map +0 -1
  540. package/_internal/21b83d16.js +0 -137
  541. package/_internal/21b83d16.js.map +0 -1
  542. package/_internal/230173a8.js +0 -13
  543. package/_internal/230173a8.js.map +0 -1
  544. package/_internal/297bed8f.js +0 -457
  545. package/_internal/297bed8f.js.map +0 -1
  546. package/_internal/2a3d237c.js +0 -12
  547. package/_internal/2a3d237c.js.map +0 -1
  548. package/_internal/2c2b6a89.js +0 -52
  549. package/_internal/2c2b6a89.js.map +0 -1
  550. package/_internal/2f1716fa.js +0 -237
  551. package/_internal/2f1716fa.js.map +0 -1
  552. package/_internal/2f6c7f84.js +0 -103
  553. package/_internal/2f6c7f84.js.map +0 -1
  554. package/_internal/3181f000.js +0 -14
  555. package/_internal/3181f000.js.map +0 -1
  556. package/_internal/329b5f12.js +0 -55
  557. package/_internal/329b5f12.js.map +0 -1
  558. package/_internal/332e9844.js +0 -2
  559. package/_internal/332e9844.js.map +0 -1
  560. package/_internal/34c59f5b.js +0 -681
  561. package/_internal/34c59f5b.js.map +0 -1
  562. package/_internal/36bd7352.js +0 -219
  563. package/_internal/36bd7352.js.map +0 -1
  564. package/_internal/370bdaed.js +0 -61
  565. package/_internal/370bdaed.js.map +0 -1
  566. package/_internal/37b007a4.js +0 -20
  567. package/_internal/37b007a4.js.map +0 -1
  568. package/_internal/3a1facc0.js +0 -18
  569. package/_internal/3a1facc0.js.map +0 -1
  570. package/_internal/3a4e4636.js +0 -162
  571. package/_internal/3a4e4636.js.map +0 -1
  572. package/_internal/3e653144.js +0 -49
  573. package/_internal/3e653144.js.map +0 -1
  574. package/_internal/3f86608e.js +0 -45
  575. package/_internal/3f86608e.js.map +0 -1
  576. package/_internal/478b5c92.js +0 -24
  577. package/_internal/478b5c92.js.map +0 -1
  578. package/_internal/4962be5b.js +0 -121
  579. package/_internal/4962be5b.js.map +0 -1
  580. package/_internal/49bbeed3.js +0 -6
  581. package/_internal/49bbeed3.js.map +0 -1
  582. package/_internal/4cd870a5.js +0 -2155
  583. package/_internal/4cd870a5.js.map +0 -1
  584. package/_internal/4daccdd5.js.map +0 -1
  585. package/_internal/501f2f9f.js +0 -58
  586. package/_internal/501f2f9f.js.map +0 -1
  587. package/_internal/5e7b90e2.js +0 -2
  588. package/_internal/5e7b90e2.js.map +0 -1
  589. package/_internal/5ec059fe.js +0 -145
  590. package/_internal/5ec059fe.js.map +0 -1
  591. package/_internal/5f8f9454.js +0 -70
  592. package/_internal/5f8f9454.js.map +0 -1
  593. package/_internal/5fe09341.js +0 -112
  594. package/_internal/5fe09341.js.map +0 -1
  595. package/_internal/628468c4.js +0 -313
  596. package/_internal/628468c4.js.map +0 -1
  597. package/_internal/6589b796.js +0 -280
  598. package/_internal/6589b796.js.map +0 -1
  599. package/_internal/65f91970.js +0 -297
  600. package/_internal/65f91970.js.map +0 -1
  601. package/_internal/66f691d3.js +0 -74
  602. package/_internal/66f691d3.js.map +0 -1
  603. package/_internal/68c10f98.js +0 -166
  604. package/_internal/68c10f98.js.map +0 -1
  605. package/_internal/690ca33e.js +0 -109
  606. package/_internal/690ca33e.js.map +0 -1
  607. package/_internal/6ca04271.js +0 -108
  608. package/_internal/6ca04271.js.map +0 -1
  609. package/_internal/6da19518.js +0 -165
  610. package/_internal/6da19518.js.map +0 -1
  611. package/_internal/7093ba23.js +0 -95
  612. package/_internal/7093ba23.js.map +0 -1
  613. package/_internal/74a4a214.js +0 -82
  614. package/_internal/74a4a214.js.map +0 -1
  615. package/_internal/76be70dd.js +0 -42
  616. package/_internal/76be70dd.js.map +0 -1
  617. package/_internal/78df9309.js +0 -20
  618. package/_internal/78df9309.js.map +0 -1
  619. package/_internal/7b221b05.js +0 -9
  620. package/_internal/7b221b05.js.map +0 -1
  621. package/_internal/7daf0f24.js +0 -77
  622. package/_internal/7daf0f24.js.map +0 -1
  623. package/_internal/7f54e947.js +0 -758
  624. package/_internal/7f54e947.js.map +0 -1
  625. package/_internal/825ac334.js +0 -130
  626. package/_internal/825ac334.js.map +0 -1
  627. package/_internal/827b804a.js +0 -6
  628. package/_internal/827b804a.js.map +0 -1
  629. package/_internal/84dfe68f.js +0 -436
  630. package/_internal/84dfe68f.js.map +0 -1
  631. package/_internal/85e3a5ca.js +0 -145
  632. package/_internal/85e3a5ca.js.map +0 -1
  633. package/_internal/86aa4aa4.js +0 -154
  634. package/_internal/86aa4aa4.js.map +0 -1
  635. package/_internal/88ec77c2.js +0 -130
  636. package/_internal/88ec77c2.js.map +0 -1
  637. package/_internal/8ab42752.js +0 -103
  638. package/_internal/8ab42752.js.map +0 -1
  639. package/_internal/95cfd814.js +0 -70
  640. package/_internal/95cfd814.js.map +0 -1
  641. package/_internal/9a4dfad0.js +0 -326
  642. package/_internal/9a4dfad0.js.map +0 -1
  643. package/_internal/9c9df5f2.js +0 -80
  644. package/_internal/9c9df5f2.js.map +0 -1
  645. package/_internal/9d1336a1.js +0 -19
  646. package/_internal/9d1336a1.js.map +0 -1
  647. package/_internal/9fdc715b.js +0 -152
  648. package/_internal/9fdc715b.js.map +0 -1
  649. package/_internal/a003602b.js +0 -116
  650. package/_internal/a003602b.js.map +0 -1
  651. package/_internal/a34639bd.js +0 -97
  652. package/_internal/a34639bd.js.map +0 -1
  653. package/_internal/a84f4981.js +0 -122
  654. package/_internal/a84f4981.js.map +0 -1
  655. package/_internal/b0a7a999.js +0 -59
  656. package/_internal/b0a7a999.js.map +0 -1
  657. package/_internal/b0b2e33d.js +0 -359
  658. package/_internal/b0b2e33d.js.map +0 -1
  659. package/_internal/b1af5979.js +0 -653
  660. package/_internal/b1af5979.js.map +0 -1
  661. package/_internal/b477da26.js +0 -164
  662. package/_internal/b477da26.js.map +0 -1
  663. package/_internal/b8667090.js +0 -36
  664. package/_internal/b8667090.js.map +0 -1
  665. package/_internal/bae266a9.js +0 -61
  666. package/_internal/bae266a9.js.map +0 -1
  667. package/_internal/be6da9b0.js +0 -296
  668. package/_internal/be6da9b0.js.map +0 -1
  669. package/_internal/c0414b89.js +0 -101
  670. package/_internal/c0414b89.js.map +0 -1
  671. package/_internal/c2388b10.js +0 -58
  672. package/_internal/c2388b10.js.map +0 -1
  673. package/_internal/c459a04d.js +0 -148
  674. package/_internal/c459a04d.js.map +0 -1
  675. package/_internal/c6ca7494.js +0 -2
  676. package/_internal/c6ca7494.js.map +0 -1
  677. package/_internal/cdddaed8.js +0 -116
  678. package/_internal/cdddaed8.js.map +0 -1
  679. package/_internal/d0dd1815.js +0 -10
  680. package/_internal/d0dd1815.js.map +0 -1
  681. package/_internal/d45e3f16.js +0 -15
  682. package/_internal/d45e3f16.js.map +0 -1
  683. package/_internal/d5f316cb.js +0 -62
  684. package/_internal/d5f316cb.js.map +0 -1
  685. package/_internal/db4fdc7b.js +0 -310
  686. package/_internal/db4fdc7b.js.map +0 -1
  687. package/_internal/dbe0cf24.js +0 -75
  688. package/_internal/dbe0cf24.js.map +0 -1
  689. package/_internal/de24f857.js +0 -4
  690. package/_internal/de24f857.js.map +0 -1
  691. package/_internal/e2afb13f.js +0 -75
  692. package/_internal/e2afb13f.js.map +0 -1
  693. package/_internal/e52f0d3f.js +0 -94
  694. package/_internal/e52f0d3f.js.map +0 -1
  695. package/_internal/e6dd117e.js +0 -50
  696. package/_internal/e6dd117e.js.map +0 -1
  697. package/_internal/e806b848.js +0 -9
  698. package/_internal/e806b848.js.map +0 -1
  699. package/_internal/ea04260d.js +0 -29
  700. package/_internal/ea04260d.js.map +0 -1
  701. package/_internal/eaa8b1d8.js +0 -150
  702. package/_internal/eaa8b1d8.js.map +0 -1
  703. package/_internal/eaf6c45a.js +0 -4
  704. package/_internal/eaf6c45a.js.map +0 -1
  705. package/_internal/edab29ce.js +0 -308
  706. package/_internal/edab29ce.js.map +0 -1
  707. package/_internal/ef5d1aac.js +0 -4
  708. package/_internal/ef5d1aac.js.map +0 -1
  709. package/_internal/f0900583.js +0 -142
  710. package/_internal/f0900583.js.map +0 -1
  711. package/_internal/f0d7d6ea.js +0 -30
  712. package/_internal/f0d7d6ea.js.map +0 -1
  713. package/_internal/f23cdf84.js +0 -181
  714. package/_internal/f23cdf84.js.map +0 -1
  715. package/_internal/f52e979e.js +0 -3
  716. package/_internal/f52e979e.js.map +0 -1
  717. package/_internal/f5508d3d.js +0 -792
  718. package/_internal/f5508d3d.js.map +0 -1
  719. package/_internal/f93fe83e.js +0 -46
  720. package/_internal/f93fe83e.js.map +0 -1
  721. /package/_internal/{d95844c1.d.ts → Falsy.d.ts} +0 -0
@@ -1,326 +0,0 @@
1
- import React__default, { useMemo, cloneElement, useState, useRef, useEffect } from 'react';
2
- import { a as TOOLTIP_LONG_PRESS_DELAY, T as TOOLTIP_HOVER_DELAY, m as getRootClassName, n as forwardRef, l as classNames } from './6589b796.js';
3
- import { I as IS_BROWSER, D as DOCUMENT, V as VISUALLY_HIDDEN } from './478b5c92.js';
4
- import { h as handleBasicClasses } from './e2afb13f.js';
5
- import { m as mergeRefs, u as useMergeRefs } from './f0d7d6ea.js';
6
- import { T as TooltipContextProvider } from './9d1336a1.js';
7
- import { u as useId } from './3a1facc0.js';
8
- import { a as POPOVER_ZINDEX, P as Placement, u as usePopper } from './4cd870a5.js';
9
- import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
10
- import { u as useCallbackOnEscape } from './d5f316cb.js';
11
- import { P as Portal } from './3f86608e.js';
12
-
13
- /**
14
- * Make sure tooltip appear above popovers.
15
- */
16
- const TOOLTIP_ZINDEX = POPOVER_ZINDEX + 1;
17
-
18
- /**
19
- * Add ref and ARIA attribute(s) in tooltip children or wrapped children.
20
- * Button, IconButton, Icon and React HTML elements don't need to be wrapped but any other kind of children (array, fragment, custom components)
21
- * will be wrapped in a <span>.
22
- */
23
- const useInjectTooltipRef = options => {
24
- const {
25
- children,
26
- setAnchorElement,
27
- isMounted,
28
- id,
29
- label,
30
- ariaLinkMode
31
- } = options;
32
- // Only add link when mounted
33
- const linkId = isMounted ? id : undefined;
34
- return useMemo(() => {
35
- if (!label) return children;
36
-
37
- // Non-disabled element
38
- if (/*#__PURE__*/React__default.isValidElement(children) && children.props.disabled !== true && children.props.isDisabled !== true) {
39
- const ref = mergeRefs(children.ref, setAnchorElement);
40
- const props = {
41
- ...children.props,
42
- ref
43
- };
44
-
45
- // Do not add label/description if the tooltip label is already in aria-label
46
- if (linkId && label !== props['aria-label']) {
47
- if (props[ariaLinkMode]) props[ariaLinkMode] += ' ';else props[ariaLinkMode] = '';
48
- props[ariaLinkMode] += linkId;
49
- }
50
- return /*#__PURE__*/cloneElement(children, props);
51
- }
52
- const aria = linkId ? {
53
- [ariaLinkMode]: linkId
54
- } : undefined;
55
- return /*#__PURE__*/jsx("div", {
56
- className: "lumx-tooltip-anchor-wrapper",
57
- ref: setAnchorElement,
58
- ...aria,
59
- children: children
60
- });
61
- }, [label, children, setAnchorElement, linkId, ariaLinkMode]);
62
- };
63
-
64
- /** Return true if the browser does not support pointer hover */
65
- const isHoverNotSupported = () => !!window.matchMedia?.('(hover: none)').matches;
66
-
67
- /** Check if the focus is visible on the given element */
68
- const isFocusVisible = element => {
69
- try {
70
- return element?.matches?.(':focus-visible, [data-focus-visible-added]');
71
- } catch (_ignored) {
72
- // Can fail on non browser env
73
- return true;
74
- }
75
- };
76
-
77
- /**
78
- * Hook controlling tooltip visibility using mouse hover the anchor and delay.
79
- *
80
- * @param delay Delay in millisecond to display the tooltip.
81
- * @param anchorElement Tooltip anchor element.
82
- * @return whether or not to show the tooltip.
83
- */
84
- function useTooltipOpen(delay, anchorElement) {
85
- const [isOpen, setIsOpen] = useState(false);
86
- const onPopperMount = useRef(null);
87
-
88
- // Global close on escape
89
- const [closeCallback, setCloseCallback] = useState(undefined);
90
- useCallbackOnEscape(isOpen ? closeCallback : undefined);
91
- useEffect(() => {
92
- if (!anchorElement) {
93
- return undefined;
94
- }
95
- let timer;
96
- let openStartTime;
97
- let shouldOpen;
98
-
99
- // Run timer to defer updating the isOpen state.
100
- const deferUpdate = duration => {
101
- if (timer) clearTimeout(timer);
102
- const update = () => {
103
- setIsOpen(!!shouldOpen);
104
- };
105
- // Skip timeout in fake browsers
106
- if (!IS_BROWSER) update();else timer = setTimeout(update, duration);
107
- };
108
- const hoverNotSupported = isHoverNotSupported();
109
- const hasTouch = 'ontouchstart' in window;
110
-
111
- // Adapt open/close delay
112
- const openDelay = delay || (hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.open : TOOLTIP_HOVER_DELAY.open);
113
- const closeDelay = hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.close : TOOLTIP_HOVER_DELAY.close;
114
-
115
- // Open (or/and cancel closing) of tooltip.
116
- const open = () => {
117
- if (shouldOpen && !timer) return;
118
- shouldOpen = true;
119
- openStartTime = Date.now();
120
- deferUpdate(openDelay);
121
- };
122
-
123
- // Close or cancel opening of tooltip
124
- const getClose = (overrideDelay = closeDelay) => {
125
- if (!shouldOpen && !timer) return;
126
- shouldOpen = false;
127
- deferUpdate(overrideDelay);
128
- };
129
- const close = () => getClose(closeDelay);
130
- const closeImmediately = () => getClose(0);
131
- setCloseCallback(() => closeImmediately);
132
-
133
- // Adapt event to browsers with or without `hover` support.
134
- const events = [];
135
- if (hoverNotSupported) {
136
- /**
137
- * Handle touchend event
138
- * If end comes before the open delay => cancel tooltip (close immediate).
139
- * Else if end comes after the open delay => tooltip takes priority, the anchor's default touch end event is prevented.
140
- */
141
- const longPressEnd = evt => {
142
- if (!openStartTime) return;
143
- if (Date.now() - openStartTime >= openDelay) {
144
- // Tooltip take priority, event prevented.
145
- evt.stopPropagation();
146
- evt.preventDefault();
147
- anchorElement.focus();
148
- // Close with delay.
149
- close();
150
- } else {
151
- // Close immediately.
152
- closeImmediately();
153
- }
154
- };
155
- events.push([anchorElement, hasTouch ? 'touchstart' : 'mousedown', open], [anchorElement, hasTouch ? 'touchend' : 'mouseup', longPressEnd]);
156
- } else {
157
- events.push([anchorElement, 'mouseenter', open], [anchorElement, 'mouseleave', close], [anchorElement, 'mouseup', closeImmediately]);
158
- onPopperMount.current = popperElement => {
159
- if (!popperElement) return;
160
- // Popper element hover
161
- popperElement.addEventListener('mouseenter', open);
162
- popperElement.addEventListener('mouseleave', close);
163
- // Add to event list to remove on unmount
164
- events.push([popperElement, 'mouseenter', open], [popperElement, 'mouseleave', close]);
165
- };
166
- }
167
-
168
- // Events always applied no matter the browser:.
169
- events.push(
170
- // Open on focus (only if focus is visible).
171
- [anchorElement, 'focusin', e => {
172
- // Skip if focus is not visible
173
- if (!isFocusVisible(e.target)) return;
174
- open();
175
- }],
176
- // Close on lost focus.
177
- [anchorElement, 'focusout', closeImmediately]);
178
-
179
- // Attach events
180
- for (const [node, eventType, eventHandler] of events) {
181
- node.addEventListener(eventType, eventHandler);
182
- }
183
- return () => {
184
- // Clear pending timers.
185
- if (timer) clearTimeout(timer);
186
-
187
- // Detach events.
188
- for (const [node, eventType, eventHandler] of events) {
189
- node.removeEventListener(eventType, eventHandler);
190
- }
191
- };
192
- }, [anchorElement, delay]);
193
- return {
194
- isOpen,
195
- onPopperMount: onPopperMount.current
196
- };
197
- }
198
-
199
- /* eslint-disable react-hooks/rules-of-hooks */
200
- /**
201
- * Component display name.
202
- */
203
- const COMPONENT_NAME = 'Tooltip';
204
-
205
- /**
206
- * Component default class name and class prefix.
207
- */
208
- const CLASSNAME = getRootClassName(COMPONENT_NAME);
209
-
210
- /**
211
- * Component default props.
212
- */
213
- const DEFAULT_PROPS = {
214
- placement: Placement.BOTTOM,
215
- closeMode: 'unmount',
216
- ariaLinkMode: 'aria-describedby',
217
- zIndex: TOOLTIP_ZINDEX
218
- };
219
-
220
- /**
221
- * Arrow size (in pixel).
222
- */
223
- const ARROW_SIZE = 8;
224
-
225
- /**
226
- * Tooltip component.
227
- *
228
- * @param props Component props.
229
- * @param ref Component ref.
230
- * @return React element.
231
- */
232
- const Tooltip = forwardRef((props, ref) => {
233
- const {
234
- label,
235
- children,
236
- className,
237
- delay,
238
- placement = DEFAULT_PROPS.placement,
239
- forceOpen,
240
- closeMode = DEFAULT_PROPS.closeMode,
241
- ariaLinkMode = DEFAULT_PROPS.ariaLinkMode,
242
- zIndex = DEFAULT_PROPS.zIndex,
243
- ...forwardedProps
244
- } = props;
245
- // Disable in SSR.
246
- if (!DOCUMENT) {
247
- return /*#__PURE__*/jsx(Fragment, {
248
- children: children
249
- });
250
- }
251
- const id = useId();
252
- const [popperElement, setPopperElement] = useState(null);
253
- const [anchorElement, setAnchorElement] = useState(null);
254
- const {
255
- styles,
256
- attributes,
257
- update
258
- } = usePopper(anchorElement, popperElement, {
259
- placement,
260
- modifiers: [{
261
- name: 'offset',
262
- options: {
263
- offset: [0, ARROW_SIZE]
264
- }
265
- }]
266
- });
267
- const position = attributes?.popper?.['data-popper-placement'] ?? placement;
268
- const {
269
- isOpen: isActivated,
270
- onPopperMount
271
- } = useTooltipOpen(delay, anchorElement);
272
- const isOpen = (isActivated || forceOpen) && !!label;
273
- const isMounted = !!label && (isOpen || closeMode === 'hide');
274
- const isHidden = !isOpen && closeMode === 'hide';
275
- const wrappedChildren = useInjectTooltipRef({
276
- children,
277
- setAnchorElement,
278
- isMounted,
279
- id,
280
- label,
281
- ariaLinkMode: ariaLinkMode
282
- });
283
-
284
- // Update on open
285
- React__default.useEffect(() => {
286
- if (isOpen || popperElement) update?.();
287
- }, [isOpen, update, popperElement]);
288
- const labelLines = label ? label.split('\n') : [];
289
- const tooltipRef = useMergeRefs(ref, setPopperElement, onPopperMount);
290
- return /*#__PURE__*/jsxs(Fragment, {
291
- children: [/*#__PURE__*/jsx(TooltipContextProvider, {
292
- children: wrappedChildren
293
- }), isMounted && /*#__PURE__*/jsx(Portal, {
294
- children: /*#__PURE__*/jsxs("div", {
295
- ref: tooltipRef,
296
- ...forwardedProps,
297
- id: id,
298
- role: "tooltip",
299
- className: classNames(className, handleBasicClasses({
300
- prefix: CLASSNAME,
301
- position,
302
- isInitializing: !styles.popper?.transform
303
- }), isHidden && VISUALLY_HIDDEN),
304
- style: {
305
- ...(isHidden ? undefined : styles.popper),
306
- zIndex
307
- },
308
- ...attributes.popper,
309
- children: [/*#__PURE__*/jsx("div", {
310
- className: `${CLASSNAME}__arrow`
311
- }), /*#__PURE__*/jsx("div", {
312
- className: `${CLASSNAME}__inner`,
313
- children: labelLines.map(line => /*#__PURE__*/jsx("p", {
314
- children: line
315
- }, line))
316
- })]
317
- })
318
- })]
319
- });
320
- });
321
- Tooltip.displayName = COMPONENT_NAME;
322
- Tooltip.className = CLASSNAME;
323
- Tooltip.defaultProps = DEFAULT_PROPS;
324
-
325
- export { Tooltip };
326
- //# sourceMappingURL=9a4dfad0.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"9a4dfad0.js","sources":["../../src/components/tooltip/constants.ts","../../src/components/tooltip/useInjectTooltipRef.tsx","../../src/utils/browser/isHoverNotSupported.ts","../../src/utils/browser/isFocusVisible.ts","../../src/components/tooltip/useTooltipOpen.tsx","../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { POPOVER_ZINDEX } from '../popover/constants';\n\nexport const ARIA_LINK_MODES = ['aria-describedby', 'aria-labelledby'] as const;\n\n/**\n * Make sure tooltip appear above popovers.\n */\nexport const TOOLTIP_ZINDEX = POPOVER_ZINDEX + 1;\n","import React, { cloneElement, ReactNode, useMemo } from 'react';\n\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\n\ninterface Options {\n /** Original tooltip anchor */\n children: ReactNode;\n /** Set tooltip anchor element */\n setAnchorElement: (e: HTMLDivElement) => void;\n /** Whether the tooltip is open or not */\n isMounted: boolean | undefined;\n /** Tooltip id */\n id: string;\n /** Tooltip label*/\n label?: string | null | false;\n /** Choose how the tooltip text should link to the anchor */\n ariaLinkMode: 'aria-describedby' | 'aria-labelledby';\n}\n\n/**\n * Add ref and ARIA attribute(s) in tooltip children or wrapped children.\n * Button, IconButton, Icon and React HTML elements don't need to be wrapped but any other kind of children (array, fragment, custom components)\n * will be wrapped in a <span>.\n */\nexport const useInjectTooltipRef = (options: Options): ReactNode => {\n const { children, setAnchorElement, isMounted, id, label, ariaLinkMode } = options;\n // Only add link when mounted\n const linkId = isMounted ? id : undefined;\n\n return useMemo(() => {\n if (!label) return children;\n\n // Non-disabled element\n if (React.isValidElement(children) && children.props.disabled !== true && children.props.isDisabled !== true) {\n const ref = mergeRefs((children as any).ref, setAnchorElement);\n const props = { ...children.props, ref };\n\n // Do not add label/description if the tooltip label is already in aria-label\n if (linkId && label !== props['aria-label']) {\n if (props[ariaLinkMode]) props[ariaLinkMode] += ' ';\n else props[ariaLinkMode] = '';\n props[ariaLinkMode] += linkId;\n }\n\n return cloneElement(children, props);\n }\n\n const aria = linkId ? { [ariaLinkMode]: linkId } : undefined;\n return (\n <div className=\"lumx-tooltip-anchor-wrapper\" ref={setAnchorElement} {...aria}>\n {children}\n </div>\n );\n }, [label, children, setAnchorElement, linkId, ariaLinkMode]);\n};\n","/** Return true if the browser does not support pointer hover */\nexport const isHoverNotSupported = (): boolean => !!window.matchMedia?.('(hover: none)').matches;\n","/** Check if the focus is visible on the given element */\nexport const isFocusVisible = (element?: HTMLElement) => {\n try {\n return element?.matches?.(':focus-visible, [data-focus-visible-added]');\n } catch (_ignored) {\n // Can fail on non browser env\n return true;\n }\n};\n","import { MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { isHoverNotSupported } from '@lumx/react/utils/browser/isHoverNotSupported';\nimport { IS_BROWSER, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY } from '@lumx/react/constants';\nimport { useCallbackOnEscape } from '@lumx/react/hooks/useCallbackOnEscape';\nimport { isFocusVisible } from '@lumx/react/utils/browser/isFocusVisible';\n\n/**\n * Hook controlling tooltip visibility using mouse hover the anchor and delay.\n *\n * @param delay Delay in millisecond to display the tooltip.\n * @param anchorElement Tooltip anchor element.\n * @return whether or not to show the tooltip.\n */\nexport function useTooltipOpen(delay: number | undefined, anchorElement: HTMLElement | null) {\n const [isOpen, setIsOpen] = useState(false);\n\n const onPopperMount = useRef<any>(null) as MutableRefObject<(elem: HTMLElement | null) => void>;\n\n // Global close on escape\n const [closeCallback, setCloseCallback] = useState<undefined | (() => void)>(undefined);\n useCallbackOnEscape(isOpen ? closeCallback : undefined);\n\n useEffect(() => {\n if (!anchorElement) {\n return undefined;\n }\n let timer: number | undefined;\n let openStartTime: number | undefined;\n let shouldOpen: boolean | undefined;\n\n // Run timer to defer updating the isOpen state.\n const deferUpdate = (duration: number) => {\n if (timer) clearTimeout(timer);\n const update = () => {\n setIsOpen(!!shouldOpen);\n };\n // Skip timeout in fake browsers\n if (!IS_BROWSER) update();\n else timer = setTimeout(update, duration) as any;\n };\n\n const hoverNotSupported = isHoverNotSupported();\n const hasTouch = 'ontouchstart' in window;\n\n // Adapt open/close delay\n const openDelay = delay || (hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.open : TOOLTIP_HOVER_DELAY.open);\n const closeDelay = hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.close : TOOLTIP_HOVER_DELAY.close;\n\n // Open (or/and cancel closing) of tooltip.\n const open = () => {\n if (shouldOpen && !timer) return;\n shouldOpen = true;\n openStartTime = Date.now();\n deferUpdate(openDelay);\n };\n\n // Close or cancel opening of tooltip\n const getClose = (overrideDelay = closeDelay) => {\n if (!shouldOpen && !timer) return;\n shouldOpen = false;\n deferUpdate(overrideDelay);\n };\n const close = () => getClose(closeDelay);\n const closeImmediately = () => getClose(0);\n setCloseCallback(() => closeImmediately);\n\n // Adapt event to browsers with or without `hover` support.\n const events: Array<[Node, Event['type'], any]> = [];\n if (hoverNotSupported) {\n /**\n * Handle touchend event\n * If end comes before the open delay => cancel tooltip (close immediate).\n * Else if end comes after the open delay => tooltip takes priority, the anchor's default touch end event is prevented.\n */\n const longPressEnd = (evt: Event) => {\n if (!openStartTime) return;\n if (Date.now() - openStartTime >= openDelay) {\n // Tooltip take priority, event prevented.\n evt.stopPropagation();\n evt.preventDefault();\n anchorElement.focus();\n // Close with delay.\n close();\n } else {\n // Close immediately.\n closeImmediately();\n }\n };\n\n events.push(\n [anchorElement, hasTouch ? 'touchstart' : 'mousedown', open],\n [anchorElement, hasTouch ? 'touchend' : 'mouseup', longPressEnd],\n );\n } else {\n events.push(\n [anchorElement, 'mouseenter', open],\n [anchorElement, 'mouseleave', close],\n [anchorElement, 'mouseup', closeImmediately],\n );\n\n onPopperMount.current = (popperElement: HTMLElement | null) => {\n if (!popperElement) return;\n // Popper element hover\n popperElement.addEventListener('mouseenter', open);\n popperElement.addEventListener('mouseleave', close);\n // Add to event list to remove on unmount\n events.push([popperElement, 'mouseenter', open], [popperElement, 'mouseleave', close]);\n };\n }\n\n // Events always applied no matter the browser:.\n events.push(\n // Open on focus (only if focus is visible).\n [\n anchorElement,\n 'focusin',\n (e: Event) => {\n // Skip if focus is not visible\n if (!isFocusVisible(e.target as HTMLElement)) return;\n open();\n },\n ],\n // Close on lost focus.\n [anchorElement, 'focusout', closeImmediately],\n );\n\n // Attach events\n for (const [node, eventType, eventHandler] of events) {\n node.addEventListener(eventType, eventHandler);\n }\n return () => {\n // Clear pending timers.\n if (timer) clearTimeout(timer);\n\n // Detach events.\n for (const [node, eventType, eventHandler] of events) {\n node.removeEventListener(eventType, eventHandler);\n }\n };\n }, [anchorElement, delay]);\n\n return { isOpen, onPopperMount: onPopperMount.current };\n}\n","/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { ReactNode, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { DOCUMENT, VISUALLY_HIDDEN } from '@lumx/react/constants';\nimport { GenericProps, HasCloseMode } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useMergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { Placement } from '@lumx/react/components/popover';\nimport { TooltipContextProvider } from '@lumx/react/components/tooltip/context';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { usePopper } from '@lumx/react/hooks/usePopper';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { ARIA_LINK_MODES, TOOLTIP_ZINDEX } from '@lumx/react/components/tooltip/constants';\nimport { Portal } from '@lumx/react/utils';\nimport { useInjectTooltipRef } from './useInjectTooltipRef';\nimport { useTooltipOpen } from './useTooltipOpen';\n\n/** Position of the tooltip relative to the anchor element. */\nexport type TooltipPlacement = Extract<Placement, 'top' | 'right' | 'bottom' | 'left'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface TooltipProps extends GenericProps, HasCloseMode {\n /** Anchor (element on which we activate the tooltip). */\n children: ReactNode;\n /** Delay (in ms) before closing the tooltip. */\n delay?: number;\n /** Whether the tooltip is displayed even without the mouse hovering the anchor. */\n forceOpen?: boolean;\n /** Label text. */\n label?: string | null | false;\n /** Placement of the tooltip relative to the anchor. */\n placement?: TooltipPlacement;\n /** Choose how the tooltip text should link to the anchor */\n ariaLinkMode?: (typeof ARIA_LINK_MODES)[number];\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Tooltip';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TooltipProps> = {\n placement: Placement.BOTTOM,\n closeMode: 'unmount',\n ariaLinkMode: 'aria-describedby',\n zIndex: TOOLTIP_ZINDEX,\n};\n\n/**\n * Arrow size (in pixel).\n */\nconst ARROW_SIZE = 8;\n\n/**\n * Tooltip component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Tooltip = forwardRef<TooltipProps, HTMLDivElement>((props, ref) => {\n const {\n label,\n children,\n className,\n delay,\n placement = DEFAULT_PROPS.placement,\n forceOpen,\n closeMode = DEFAULT_PROPS.closeMode,\n ariaLinkMode = DEFAULT_PROPS.ariaLinkMode,\n zIndex = DEFAULT_PROPS.zIndex,\n ...forwardedProps\n } = props;\n // Disable in SSR.\n if (!DOCUMENT) {\n return <>{children}</>;\n }\n\n const id = useId();\n\n const [popperElement, setPopperElement] = useState<null | HTMLElement>(null);\n const [anchorElement, setAnchorElement] = useState<null | HTMLElement>(null);\n const { styles, attributes, update } = usePopper(anchorElement, popperElement, {\n placement,\n modifiers: [\n {\n name: 'offset',\n options: { offset: [0, ARROW_SIZE] },\n },\n ],\n });\n\n const position = attributes?.popper?.['data-popper-placement'] ?? placement;\n const { isOpen: isActivated, onPopperMount } = useTooltipOpen(delay, anchorElement);\n const isOpen = (isActivated || forceOpen) && !!label;\n const isMounted = !!label && (isOpen || closeMode === 'hide');\n const isHidden = !isOpen && closeMode === 'hide';\n const wrappedChildren = useInjectTooltipRef({\n children,\n setAnchorElement,\n isMounted,\n id,\n label,\n ariaLinkMode: ariaLinkMode as any,\n });\n\n // Update on open\n React.useEffect(() => {\n if (isOpen || popperElement) update?.();\n }, [isOpen, update, popperElement]);\n\n const labelLines = label ? label.split('\\n') : [];\n\n const tooltipRef = useMergeRefs(ref, setPopperElement, onPopperMount);\n\n return (\n <>\n <TooltipContextProvider>{wrappedChildren}</TooltipContextProvider>\n {isMounted && (\n <Portal>\n <div\n ref={tooltipRef}\n {...forwardedProps}\n id={id}\n role=\"tooltip\"\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n position,\n isInitializing: !styles.popper?.transform,\n }),\n isHidden && VISUALLY_HIDDEN,\n )}\n style={{ ...(isHidden ? undefined : styles.popper), zIndex }}\n {...attributes.popper}\n >\n <div className={`${CLASSNAME}__arrow`} />\n <div className={`${CLASSNAME}__inner`}>\n {labelLines.map((line) => (\n <p key={line}>{line}</p>\n ))}\n </div>\n </div>\n </Portal>\n )}\n </>\n );\n});\nTooltip.displayName = COMPONENT_NAME;\nTooltip.className = CLASSNAME;\nTooltip.defaultProps = DEFAULT_PROPS;\n"],"names":["TOOLTIP_ZINDEX","POPOVER_ZINDEX","useInjectTooltipRef","options","children","setAnchorElement","isMounted","id","label","ariaLinkMode","linkId","undefined","useMemo","React","isValidElement","props","disabled","isDisabled","ref","mergeRefs","cloneElement","aria","_jsx","className","isHoverNotSupported","window","matchMedia","matches","isFocusVisible","element","_ignored","useTooltipOpen","delay","anchorElement","isOpen","setIsOpen","useState","onPopperMount","useRef","closeCallback","setCloseCallback","useCallbackOnEscape","useEffect","timer","openStartTime","shouldOpen","deferUpdate","duration","clearTimeout","update","IS_BROWSER","setTimeout","hoverNotSupported","hasTouch","openDelay","TOOLTIP_LONG_PRESS_DELAY","open","TOOLTIP_HOVER_DELAY","closeDelay","close","Date","now","getClose","overrideDelay","closeImmediately","events","longPressEnd","evt","stopPropagation","preventDefault","focus","push","current","popperElement","addEventListener","e","target","node","eventType","eventHandler","removeEventListener","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","placement","Placement","BOTTOM","closeMode","zIndex","ARROW_SIZE","Tooltip","forwardRef","forceOpen","forwardedProps","DOCUMENT","_Fragment","useId","setPopperElement","styles","attributes","usePopper","modifiers","name","offset","position","popper","isActivated","isHidden","wrappedChildren","labelLines","split","tooltipRef","useMergeRefs","_jsxs","TooltipContextProvider","Portal","role","classNames","handleBasicClasses","prefix","isInitializing","transform","VISUALLY_HIDDEN","style","map","line","displayName","defaultProps"],"mappings":"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"}
@@ -1,80 +0,0 @@
1
- import { m as getRootClassName, j as ColorPalette, n as forwardRef, l as classNames } from './6589b796.js';
2
- import { h as handleBasicClasses } from './e2afb13f.js';
3
- import { jsx, jsxs } from 'react/jsx-runtime';
4
-
5
- /**
6
- * Component display name.
7
- */
8
- const COMPONENT_NAME$1 = 'Badge';
9
-
10
- /**
11
- * Component default class name and class prefix.
12
- */
13
- const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
14
-
15
- /**
16
- * Component default props.
17
- */
18
- const DEFAULT_PROPS = {
19
- color: ColorPalette.primary
20
- };
21
-
22
- /**
23
- * Badge component.
24
- *
25
- * @param props Component props.
26
- * @param ref Component ref.
27
- * @return React element.
28
- */
29
- const Badge = forwardRef((props, ref) => {
30
- const {
31
- children,
32
- className,
33
- color = DEFAULT_PROPS.color,
34
- ...forwardedProps
35
- } = props;
36
- return /*#__PURE__*/jsx("div", {
37
- ref: ref,
38
- ...forwardedProps,
39
- className: classNames(className, handleBasicClasses({
40
- prefix: CLASSNAME$1,
41
- color
42
- })),
43
- children: children
44
- });
45
- });
46
- Badge.displayName = COMPONENT_NAME$1;
47
- Badge.className = CLASSNAME$1;
48
- Badge.defaultProps = DEFAULT_PROPS;
49
-
50
- /**
51
- * Component display name.
52
- */
53
- const COMPONENT_NAME = 'BadgeWrapper';
54
-
55
- /**
56
- * Component default class name and class prefix.
57
- */
58
- const CLASSNAME = getRootClassName(COMPONENT_NAME);
59
- const BadgeWrapper = forwardRef((props, ref) => {
60
- const {
61
- badge,
62
- children,
63
- className,
64
- ...forwardedProps
65
- } = props;
66
- return /*#__PURE__*/jsxs("div", {
67
- ref: ref,
68
- ...forwardedProps,
69
- className: classNames(className, CLASSNAME),
70
- children: [children, badge && /*#__PURE__*/jsx("div", {
71
- className: `${CLASSNAME}__badge`,
72
- children: badge
73
- })]
74
- });
75
- });
76
- BadgeWrapper.displayName = 'BadgeWrapper';
77
- BadgeWrapper.className = CLASSNAME;
78
-
79
- export { Badge, BadgeWrapper };
80
- //# sourceMappingURL=9c9df5f2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"9c9df5f2.js","sources":["../../src/components/badge/Badge.tsx","../../src/components/badge/BadgeWrapper.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { ColorPalette } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface BadgeProps extends GenericProps {\n /** Badge content. */\n children?: ReactNode;\n /** Color variant. */\n color?: ColorPalette;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Badge';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<BadgeProps> = {\n color: ColorPalette.primary,\n};\n\n/**\n * Badge component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Badge = forwardRef<BadgeProps, HTMLDivElement>((props, ref) => {\n const { children, className, color = DEFAULT_PROPS.color, ...forwardedProps } = props;\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color }))}\n >\n {children}\n </div>\n );\n});\nBadge.displayName = COMPONENT_NAME;\nBadge.className = CLASSNAME;\nBadge.defaultProps = DEFAULT_PROPS;\n","import { ReactElement, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport interface BadgeWrapperProps extends GenericProps {\n /** Badge. */\n badge: ReactElement;\n /** Node to display the badge on */\n children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'BadgeWrapper';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const BadgeWrapper = forwardRef<BadgeWrapperProps, HTMLDivElement>((props, ref) => {\n const { badge, children, className, ...forwardedProps } = props;\n\n return (\n <div ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n {children}\n {badge && <div className={`${CLASSNAME}__badge`}>{badge}</div>}\n </div>\n );\n});\nBadgeWrapper.displayName = 'BadgeWrapper';\nBadgeWrapper.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","color","ColorPalette","primary","Badge","forwardRef","props","ref","children","className","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps","BadgeWrapper","badge","_jsxs"],"mappings":";;;;AAmBA;AACA;AACA;AACA,MAAMA,gBAAc,GAAG,OAAO,CAAA;;AAE9B;AACA;AACA;AACA,MAAMC,WAAS,GAAGC,gBAAgB,CAACF,gBAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAkC,GAAG;EACvCC,KAAK,EAAEC,YAAY,CAACC,OAAAA;AACxB,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,KAAK,GAAGC,UAAU,CAA6B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxE,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAER,KAAK,GAAGD,aAAa,CAACC,KAAK;IAAE,GAAGS,cAAAA;AAAe,GAAC,GAAGJ,KAAK,CAAA;AACrF,EAAA,oBACIK,GAAA,CAAA,KAAA,EAAA;AACIJ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLG,cAAc;AAClBD,IAAAA,SAAS,EAAEG,UAAU,CAACH,SAAS,EAAEI,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEhB,WAAS;AAAEG,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAE;AAAAO,IAAAA,QAAA,EAElFA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,KAAK,CAACW,WAAW,GAAGlB,gBAAc,CAAA;AAClCO,KAAK,CAACK,SAAS,GAAGX,WAAS,CAAA;AAC3BM,KAAK,CAACY,YAAY,GAAGhB,aAAa;;AC1ClC;AACA;AACA;AACA,MAAMH,cAAc,GAAG,cAAc,CAAA;;AAErC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;AAE3C,MAAMoB,YAAY,GAAGZ,UAAU,CAAoC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtF,MAAM;IAAEW,KAAK;IAAEV,QAAQ;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGJ,KAAK,CAAA;AAE/D,EAAA,oBACIa,IAAA,CAAA,KAAA,EAAA;AAAKZ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKG,cAAc;AAAED,IAAAA,SAAS,EAAEG,UAAU,CAACH,SAAS,EAAEX,SAAS,CAAE;AAAAU,IAAAA,QAAA,EAC1EA,CAAAA,QAAQ,EACRU,KAAK,iBAAIP,GAAA,CAAA,KAAA,EAAA;MAAKF,SAAS,EAAE,CAAGX,EAAAA,SAAS,CAAU,OAAA,CAAA;AAAAU,MAAAA,QAAA,EAAEU,KAAAA;AAAK,KAAM,CAAC,CAAA;AAAA,GAC7D,CAAC,CAAA;AAEd,CAAC,EAAC;AACFD,YAAY,CAACF,WAAW,GAAG,cAAc,CAAA;AACzCE,YAAY,CAACR,SAAS,GAAGX,SAAS;;;;"}
@@ -1,19 +0,0 @@
1
- import React__default from 'react';
2
- import { jsx } from 'react/jsx-runtime';
3
-
4
- const DEFAULT_VALUE = {};
5
-
6
- /**
7
- * Tooltip react context simply used as a marker to know when parent react node have a tooltip
8
- */
9
- const TooltipContext = /*#__PURE__*/React__default.createContext(undefined);
10
- const TooltipContextProvider = ({
11
- children
12
- }) => /*#__PURE__*/jsx(TooltipContext.Provider, {
13
- value: DEFAULT_VALUE,
14
- children: children
15
- });
16
- const useTooltipContext = () => React__default.useContext(TooltipContext);
17
-
18
- export { TooltipContextProvider as T, useTooltipContext as u };
19
- //# sourceMappingURL=9d1336a1.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"9d1336a1.js","sources":["../../src/components/tooltip/context.tsx"],"sourcesContent":["import React from 'react';\n\n/** Empty object */\ntype TooltipContextValue = NonNullable<unknown>;\n\nconst DEFAULT_VALUE = {};\n\n/**\n * Tooltip react context simply used as a marker to know when parent react node have a tooltip\n */\nconst TooltipContext = React.createContext<TooltipContextValue | undefined>(undefined);\n\nexport const TooltipContextProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n <TooltipContext.Provider value={DEFAULT_VALUE}>{children}</TooltipContext.Provider>\n);\n\nexport const useTooltipContext = () => React.useContext(TooltipContext);\n"],"names":["DEFAULT_VALUE","TooltipContext","React","createContext","undefined","TooltipContextProvider","children","_jsx","Provider","value","useTooltipContext","useContext"],"mappings":";;;AAKA,MAAMA,aAAa,GAAG,EAAE,CAAA;;AAExB;AACA;AACA;AACA,MAAMC,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAkCC,SAAS,CAAC,CAAA;AAE/E,MAAMC,sBAAgE,GAAGA,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,kBACzFC,GAAA,CAACN,cAAc,CAACO,QAAQ,EAAA;AAACC,EAAAA,KAAK,EAAET,aAAc;AAAAM,EAAAA,QAAA,EAAEA,QAAAA;AAAQ,CAA0B,EACrF;AAEM,MAAMI,iBAAiB,GAAGA,MAAMR,cAAK,CAACS,UAAU,CAACV,cAAc;;;;"}
@@ -1,152 +0,0 @@
1
- import React__default from 'react';
2
- import { m as getRootClassName, i as AspectRatio, c as Size, n as forwardRef, b as Theme, l as classNames } from './6589b796.js';
3
- import { h as handleBasicClasses } from './e2afb13f.js';
4
- import { u as useBooleanState } from './2a3d237c.js';
5
- import { u as useId } from './3a1facc0.js';
6
- import { u as useTheme } from './3181f000.js';
7
- import { V as VISUALLY_HIDDEN } from './478b5c92.js';
8
- import { jsxs, jsx } from 'react/jsx-runtime';
9
- import { u as useDisableStateProps } from './b8667090.js';
10
- import { I as Icon } from './8ab42752.js';
11
-
12
- const UploaderVariant = {
13
- square: 'square',
14
- rounded: 'rounded',
15
- circle: 'circle'
16
- };
17
-
18
- /**
19
- * Uploader sizes.
20
- */
21
-
22
- /**
23
- * Extend native HTML input props with specialized `onChange` providing the a `File` array.
24
- */
25
-
26
- /**
27
- * Defines the props of the component.
28
- */
29
-
30
- /**
31
- * Component display name.
32
- */
33
- const COMPONENT_NAME = 'Uploader';
34
-
35
- /**
36
- * Component default class name and class prefix.
37
- */
38
- const CLASSNAME = getRootClassName(COMPONENT_NAME);
39
-
40
- /**
41
- * Component default props.
42
- */
43
- const DEFAULT_PROPS = {
44
- aspectRatio: AspectRatio.horizontal,
45
- size: Size.xl,
46
- variant: UploaderVariant.square
47
- };
48
-
49
- /**
50
- * Uploader component.
51
- *
52
- * @param props Component props.
53
- * @param ref Component ref.
54
- * @return React element.
55
- */
56
- const Uploader = forwardRef((props, ref) => {
57
- const {
58
- disabledStateProps,
59
- otherProps,
60
- isAnyDisabled
61
- } = useDisableStateProps(props);
62
- const defaultTheme = useTheme() || Theme.light;
63
- const {
64
- aspectRatio = DEFAULT_PROPS.aspectRatio,
65
- className,
66
- label,
67
- icon,
68
- size = DEFAULT_PROPS.size,
69
- theme = defaultTheme,
70
- variant = DEFAULT_PROPS.variant,
71
- fileInputProps,
72
- onClick,
73
- ...forwardedProps
74
- } = otherProps;
75
- // Adjust to square aspect ratio when using circle variants.
76
- const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;
77
- const handleClick = React__default.useCallback(evt => {
78
- if (isAnyDisabled) {
79
- evt.preventDefault();
80
- } else {
81
- onClick?.(evt);
82
- }
83
- }, [isAnyDisabled, onClick]);
84
- const generatedInputId = useId();
85
- const inputId = fileInputProps?.id || generatedInputId;
86
- const [isDragHovering, unsetDragHovering, setDragHovering] = useBooleanState(false);
87
- const wrapper = fileInputProps ? {
88
- Component: 'label',
89
- props: {
90
- htmlFor: inputId
91
- }
92
- } : {
93
- Component: 'button',
94
- props: {
95
- type: 'button',
96
- ...disabledStateProps
97
- }
98
- };
99
- const onChange = React__default.useMemo(() => {
100
- if (isAnyDisabled || !fileInputProps?.onChange) return undefined;
101
- return evt => {
102
- const fileList = evt.target.files;
103
- const files = fileList ? Array.from(fileList) : [];
104
- fileInputProps.onChange(files, evt);
105
- };
106
- }, [isAnyDisabled, fileInputProps]);
107
- return /*#__PURE__*/jsxs(wrapper.Component, {
108
- ref: ref,
109
- ...wrapper.props,
110
- ...forwardedProps,
111
- onClick: handleClick,
112
- className: classNames(className, handleBasicClasses({
113
- aspectRatio: adjustedAspectRatio,
114
- prefix: CLASSNAME,
115
- size,
116
- theme,
117
- variant,
118
- isDragHovering,
119
- isDisabled: isAnyDisabled
120
- })),
121
- children: [/*#__PURE__*/jsx("span", {
122
- className: `${CLASSNAME}__background`
123
- }), /*#__PURE__*/jsxs("span", {
124
- className: `${CLASSNAME}__wrapper`,
125
- children: [icon && /*#__PURE__*/jsx(Icon, {
126
- className: `${CLASSNAME}__icon`,
127
- icon: icon,
128
- size: Size.s
129
- }), label && /*#__PURE__*/jsx("span", {
130
- className: `${CLASSNAME}__label`,
131
- children: label
132
- })]
133
- }), fileInputProps && /*#__PURE__*/jsx("input", {
134
- type: "file",
135
- id: inputId,
136
- className: `${CLASSNAME}__input ${VISUALLY_HIDDEN}`,
137
- ...disabledStateProps,
138
- ...fileInputProps,
139
- readOnly: isAnyDisabled,
140
- onChange: onChange,
141
- onDragEnter: setDragHovering,
142
- onDragLeave: unsetDragHovering,
143
- onDrop: unsetDragHovering
144
- })]
145
- });
146
- });
147
- Uploader.displayName = COMPONENT_NAME;
148
- Uploader.className = CLASSNAME;
149
- Uploader.defaultProps = DEFAULT_PROPS;
150
-
151
- export { Uploader, UploaderVariant };
152
- //# sourceMappingURL=9fdc715b.js.map