@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 +0,0 @@
1
- {"version":3,"file":"c459a04d.js","sources":["../../src/components/radio-button/RadioButton.tsx","../../src/components/radio-button/RadioGroup.tsx"],"sourcesContent":["import { ReactNode, SyntheticEvent, InputHTMLAttributes } from 'react';\n\nimport classNames from 'classnames';\n\nimport { InputHelper, InputLabel, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Defines the props of the component.\n */\nexport interface RadioButtonProps extends GenericProps, HasTheme, HasAriaDisabled {\n /** Helper text. */\n helper?: string;\n /** Native input id property. */\n id?: string;\n /** Native input ref. */\n inputRef?: React.Ref<HTMLInputElement>;\n /** Whether it is checked or not. */\n isChecked?: boolean;\n /** Whether the component is disabled or not. */\n isDisabled?: boolean;\n /** Label content. */\n label?: ReactNode;\n /** Native input name property. */\n name?: string;\n /** Native input value property. */\n value?: string;\n /** On change callback. */\n onChange?(value?: string, name?: string, event?: SyntheticEvent): void;\n /** optional props for input */\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'RadioButton';\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<RadioButtonProps> = {};\n\n/**\n * RadioButton component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const RadioButton = forwardRef<RadioButtonProps, HTMLDivElement>((props, ref) => {\n const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n const defaultTheme = useTheme() || Theme.light;\n const {\n checked,\n className,\n helper,\n id,\n inputRef,\n isChecked = checked,\n label,\n name,\n onChange,\n theme = defaultTheme,\n value,\n inputProps,\n ...forwardedProps\n } = otherProps;\n const generatedInputId = useId();\n const inputId = id || generatedInputId;\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(value, name, event);\n }\n };\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(\n className,\n handleBasicClasses({\n isChecked,\n isDisabled: isAnyDisabled,\n isUnchecked: !isChecked,\n prefix: CLASSNAME,\n theme,\n }),\n )}\n >\n <div className={`${CLASSNAME}__input-wrapper`}>\n <input\n ref={inputRef}\n className={`${CLASSNAME}__input-native`}\n {...disabledStateProps}\n id={inputId}\n type=\"radio\"\n name={name}\n value={value}\n checked={isChecked}\n onChange={handleChange}\n readOnly={inputProps?.readOnly || isAnyDisabled}\n aria-describedby={helper ? `${inputId}-helper` : undefined}\n {...inputProps}\n />\n\n <div className={`${CLASSNAME}__input-placeholder`}>\n <div className={`${CLASSNAME}__input-background`} />\n <div className={`${CLASSNAME}__input-indicator`} />\n </div>\n </div>\n\n <div className={`${CLASSNAME}__content`}>\n {label && (\n <InputLabel htmlFor={inputId} theme={theme} className={`${CLASSNAME}__label`}>\n {label}\n </InputLabel>\n )}\n {helper && (\n <InputHelper id={`${inputId}-helper`} theme={theme} className={`${CLASSNAME}__helper`}>\n {helper}\n </InputHelper>\n )}\n </div>\n </div>\n );\n});\nRadioButton.displayName = COMPONENT_NAME;\nRadioButton.className = CLASSNAME;\nRadioButton.defaultProps = DEFAULT_PROPS;\n","import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } 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 RadioGroupProps extends GenericProps {\n /** RadioButton elements */\n children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'RadioGroup';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * RadioGroup component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const RadioGroup = forwardRef<RadioGroupProps, HTMLDivElement>((props, ref) => {\n const { children, className, ...forwardedProps } = props;\n\n return (\n <div ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n {children}\n </div>\n );\n});\nRadioGroup.displayName = COMPONENT_NAME;\nRadioGroup.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","RadioButton","forwardRef","props","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","checked","className","helper","id","inputRef","isChecked","label","name","onChange","theme","value","inputProps","forwardedProps","generatedInputId","useId","inputId","handleChange","event","_jsxs","classNames","handleBasicClasses","isDisabled","isUnchecked","prefix","children","_jsx","type","readOnly","undefined","InputLabel","htmlFor","InputHelper","displayName","defaultProps","RadioGroup"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export { D as DatePicker, a as DatePickerControlled, b as DatePickerField } from './b1af5979.js';
2
- //# sourceMappingURL=c6ca7494.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"c6ca7494.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,116 +0,0 @@
1
- import { n as forwardRef, d as Emphasis, b as Theme, j as ColorPalette, l as classNames, C as CSS_PREFIX } from './6589b796.js';
2
- import './478b5c92.js';
3
- import { h as handleBasicClasses } from './e2afb13f.js';
4
- import { R as RawClickable } from './2c2b6a89.js';
5
- import { jsx } from 'react/jsx-runtime';
6
- import { u as useDisableStateProps } from './b8667090.js';
7
-
8
- /**
9
- * Component display name.
10
- */
11
- const COMPONENT_NAME = 'ButtonRoot';
12
- const BUTTON_WRAPPER_CLASSNAME = `${CSS_PREFIX}-button-wrapper`;
13
- const BUTTON_CLASSNAME = `${CSS_PREFIX}-button`;
14
-
15
- /**
16
- * Render a button wrapper with the ButtonRoot inside.
17
- *
18
- * @param props Component props.
19
- * @return React element.
20
- */
21
- const renderButtonWrapper = props => {
22
- const {
23
- color,
24
- emphasis,
25
- variant,
26
- fullWidth
27
- } = props;
28
- const adaptedColor = emphasis === Emphasis.low && (color === ColorPalette.light ? ColorPalette.dark : ColorPalette.light);
29
- const wrapperClassName = classNames(handleBasicClasses({
30
- color: adaptedColor,
31
- prefix: BUTTON_WRAPPER_CLASSNAME,
32
- variant,
33
- fullWidth
34
- }));
35
- const buttonProps = {
36
- ...props,
37
- hasBackground: false
38
- };
39
- return /*#__PURE__*/jsx("div", {
40
- className: wrapperClassName,
41
- children: /*#__PURE__*/jsx(ButtonRoot, {
42
- ...buttonProps
43
- })
44
- });
45
- };
46
-
47
- /**
48
- * ButtonRoot component.
49
- *
50
- * @param props Component props.
51
- * @param ref Component ref.
52
- * @return React element.
53
- */
54
- const ButtonRoot = forwardRef((props, ref) => {
55
- const {
56
- isAnyDisabled,
57
- disabledStateProps,
58
- otherProps
59
- } = useDisableStateProps(props);
60
- const {
61
- 'aria-label': ariaLabel,
62
- children,
63
- className,
64
- color,
65
- emphasis,
66
- hasBackground,
67
- isSelected,
68
- isActive,
69
- isFocused,
70
- isHovered,
71
- linkAs,
72
- size,
73
- theme,
74
- variant,
75
- fullWidth,
76
- ...forwardedProps
77
- } = otherProps;
78
- const adaptedColor = color || emphasis !== Emphasis.high && theme === Theme.dark && ColorPalette.light || emphasis === Emphasis.high && ColorPalette.primary || ColorPalette.dark;
79
- if (hasBackground) {
80
- return renderButtonWrapper({
81
- ...props,
82
- ref,
83
- variant,
84
- color: adaptedColor
85
- });
86
- }
87
- const buttonClassName = classNames(className, handleBasicClasses({
88
- color: adaptedColor,
89
- emphasis,
90
- isSelected,
91
- isDisabled: props.isDisabled || props['aria-disabled'],
92
- isActive,
93
- isFocused,
94
- isHovered,
95
- prefix: BUTTON_CLASSNAME,
96
- size,
97
- theme: emphasis === Emphasis.high && theme,
98
- variant,
99
- fullWidth
100
- }));
101
- return /*#__PURE__*/jsx(RawClickable, {
102
- as: linkAs || (forwardedProps.href ? 'a' : 'button'),
103
- ...forwardedProps,
104
- ...disabledStateProps,
105
- "aria-disabled": isAnyDisabled,
106
- "aria-label": ariaLabel,
107
- ref: ref,
108
- className: buttonClassName,
109
- children: children
110
- });
111
- });
112
- ButtonRoot.displayName = COMPONENT_NAME;
113
- ButtonRoot.defaultProps = {};
114
-
115
- export { ButtonRoot as B };
116
- //# sourceMappingURL=cdddaed8.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cdddaed8.js","sources":["../../src/components/button/ButtonRoot.tsx"],"sourcesContent":["import { AriaAttributes, ButtonHTMLAttributes, DetailedHTMLProps, RefObject } from 'react';\n\nimport classNames from 'classnames';\n\nimport { ColorPalette, Emphasis, Size, Theme } from '@lumx/react';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled';\n\ntype HTMLButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;\n\n/**\n * Button size definition.\n */\nexport type ButtonSize = Extract<Size, 's' | 'm'>;\n\nexport interface BaseButtonProps\n extends GenericProps,\n Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>,\n HasTheme,\n HasAriaDisabled {\n /** Color variant. */\n color?: ColorPalette;\n /** Emphasis variant. */\n emphasis?: Emphasis;\n /** Whether or not the button has a background color in low emphasis. */\n hasBackground?: boolean;\n /** Native anchor href property. It determines whether the Button will be a <button> or an <a>. */\n href?: string;\n /** Whether the component is disabled or not. */\n isDisabled?: boolean;\n /** Whether the component is selected or not (unsupported in `high` emphasis). */\n isSelected?: boolean;\n /** Native button name property. */\n name?: string;\n /** Size variant. */\n size?: ButtonSize;\n /** Native anchor target property. */\n target?: '_self' | '_blank' | '_parent' | '_top';\n /** Native button type. */\n type?: HTMLButtonProps['type'];\n /** Custom react component for the link (can be used to inject react router Link). */\n linkAs?: 'a' | any;\n}\n\nexport interface ButtonRootProps extends BaseButtonProps {\n variant: 'button' | 'icon';\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ButtonRoot';\n\nexport const BUTTON_WRAPPER_CLASSNAME = `${CSS_PREFIX}-button-wrapper`;\nexport const BUTTON_CLASSNAME = `${CSS_PREFIX}-button`;\n\n/**\n * Render a button wrapper with the ButtonRoot inside.\n *\n * @param props Component props.\n * @return React element.\n */\nconst renderButtonWrapper: React.FC<ButtonRootProps> = (props) => {\n const { color, emphasis, variant, fullWidth } = props;\n\n const adaptedColor =\n emphasis === Emphasis.low && (color === ColorPalette.light ? ColorPalette.dark : ColorPalette.light);\n\n const wrapperClassName = classNames(\n handleBasicClasses({\n color: adaptedColor,\n prefix: BUTTON_WRAPPER_CLASSNAME,\n variant,\n fullWidth,\n }),\n );\n const buttonProps = { ...props, hasBackground: false };\n\n return (\n <div className={wrapperClassName}>\n {/* eslint-disable-next-line @typescript-eslint/no-use-before-define */}\n <ButtonRoot {...buttonProps} />\n </div>\n );\n};\n\n/**\n * ButtonRoot component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const ButtonRoot = forwardRef<ButtonRootProps, HTMLButtonElement | HTMLAnchorElement>((props, ref) => {\n const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n const {\n 'aria-label': ariaLabel,\n children,\n className,\n color,\n emphasis,\n hasBackground,\n isSelected,\n isActive,\n isFocused,\n isHovered,\n linkAs,\n size,\n theme,\n variant,\n fullWidth,\n ...forwardedProps\n } = otherProps;\n\n const adaptedColor =\n color ||\n (emphasis !== Emphasis.high && theme === Theme.dark && ColorPalette.light) ||\n (emphasis === Emphasis.high && ColorPalette.primary) ||\n ColorPalette.dark;\n\n if (hasBackground) {\n return renderButtonWrapper({ ...props, ref, variant, color: adaptedColor });\n }\n\n const buttonClassName = classNames(\n className,\n handleBasicClasses({\n color: adaptedColor,\n emphasis,\n isSelected,\n isDisabled: props.isDisabled || props['aria-disabled'],\n isActive,\n isFocused,\n isHovered,\n prefix: BUTTON_CLASSNAME,\n size,\n theme: emphasis === Emphasis.high && theme,\n variant,\n fullWidth,\n }),\n );\n\n return (\n <RawClickable\n as={linkAs || (forwardedProps.href ? 'a' : 'button')}\n {...forwardedProps}\n {...disabledStateProps}\n aria-disabled={isAnyDisabled}\n aria-label={ariaLabel}\n ref={ref as RefObject<HTMLButtonElement>}\n className={buttonClassName}\n >\n {children}\n </RawClickable>\n );\n});\nButtonRoot.displayName = COMPONENT_NAME;\nButtonRoot.defaultProps = {};\n"],"names":["COMPONENT_NAME","BUTTON_WRAPPER_CLASSNAME","CSS_PREFIX","BUTTON_CLASSNAME","renderButtonWrapper","props","color","emphasis","variant","fullWidth","adaptedColor","Emphasis","low","ColorPalette","light","dark","wrapperClassName","classNames","handleBasicClasses","prefix","buttonProps","hasBackground","_jsx","className","children","ButtonRoot","forwardRef","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","ariaLabel","isSelected","isActive","isFocused","isHovered","linkAs","size","theme","forwardedProps","high","Theme","primary","buttonClassName","isDisabled","RawClickable","as","href","displayName","defaultProps"],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- /**
2
- * Returns the classname associated to the given typography.
3
- * For example, for `Typography.title` it returns `lumx-typography-title`
4
- */
5
- const getTypographyClassName = typography => {
6
- return `lumx-typography-${typography}`;
7
- };
8
-
9
- export { getTypographyClassName as g };
10
- //# sourceMappingURL=d0dd1815.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"d0dd1815.js","sources":["../../../lumx-core/src/js/utils/className/getTypographyClassName.ts"],"sourcesContent":["import { Typography } from '../../constants';\n\n/**\n * Returns the classname associated to the given typography.\n * For example, for `Typography.title` it returns `lumx-typography-title`\n */\nexport const getTypographyClassName = (typography: Typography) => {\n return `lumx-typography-${typography}`;\n};\n"],"names":["getTypographyClassName","typography"],"mappings":"AAEA;AACA;AACA;AACA;AACaA,MAAAA,sBAAsB,GAAIC,UAAsB,IAAK;EAC9D,OAAO,CAAA,gBAAA,EAAmBA,UAAU,CAAE,CAAA,CAAA;AAC1C;;;;"}
@@ -1,15 +0,0 @@
1
- import { k as ColorVariant } from './6589b796.js';
2
- import { r as resolveColorWithVariants } from './7b221b05.js';
3
-
4
- /**
5
- * Returns the classname associated to the given color and variant.
6
- * For example, for 'dark' and 'L2' it returns `lumx-color-font-dark-L2`
7
- */
8
- function fontColorClass(propColor, propColorVariant) {
9
- if (!propColor) return undefined;
10
- const [color, colorVariant = ColorVariant.N] = resolveColorWithVariants(propColor, propColorVariant);
11
- return `lumx-color-font-${color}-${colorVariant}`;
12
- }
13
-
14
- export { fontColorClass as f };
15
- //# sourceMappingURL=d45e3f16.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"d45e3f16.js","sources":["../../../lumx-core/src/js/utils/className/fontColorClass.ts"],"sourcesContent":["import { ColorVariant, ColorWithVariants } from '../../constants';\nimport { resolveColorWithVariants } from './resolveColorWithVariants';\n\n/**\n * Returns the classname associated to the given color and variant.\n * For example, for 'dark' and 'L2' it returns `lumx-color-font-dark-L2`\n */\nexport function fontColorClass(propColor?: ColorWithVariants, propColorVariant?: ColorVariant) {\n if (!propColor) return undefined;\n const [color, colorVariant = ColorVariant.N] = resolveColorWithVariants(propColor, propColorVariant);\n return `lumx-color-font-${color}-${colorVariant}`;\n}\n"],"names":["fontColorClass","propColor","propColorVariant","undefined","color","colorVariant","ColorVariant","N","resolveColorWithVariants"],"mappings":";;;AAGA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAACC,SAA6B,EAAEC,gBAA+B,EAAE;AAC3F,EAAA,IAAI,CAACD,SAAS,EAAE,OAAOE,SAAS,CAAA;AAChC,EAAA,MAAM,CAACC,KAAK,EAAEC,YAAY,GAAGC,YAAY,CAACC,CAAC,CAAC,GAAGC,wBAAwB,CAACP,SAAS,EAAEC,gBAAgB,CAAC,CAAA;AACpG,EAAA,OAAO,CAAmBE,gBAAAA,EAAAA,KAAK,CAAIC,CAAAA,EAAAA,YAAY,CAAE,CAAA,CAAA;AACrD;;;;"}
@@ -1,62 +0,0 @@
1
- import { D as DOCUMENT } from './478b5c92.js';
2
- import { a as onEscapePressed } from './88ec77c2.js';
3
- import { useEffect } from 'react';
4
- import last from 'lodash/last';
5
- import pull from 'lodash/pull';
6
-
7
- /**
8
- * Keep track of listeners, only the last registered listener gets activated at any point (previously registered
9
- * listener are disabled).
10
- * When a listener gets unregistered, the previously registered listener gets enabled again.
11
- */
12
- function makeListenerTowerContext() {
13
- const LISTENERS = [];
14
- return {
15
- register(listener) {
16
- // Disable previous listener.
17
- last(LISTENERS)?.disable();
18
- // Keep track of current listener.
19
- LISTENERS.push(listener);
20
- // Enable current listener.
21
- listener.enable();
22
- },
23
- unregister(listener) {
24
- // Disable current listener.
25
- listener.disable();
26
- // Remove current listener.
27
- pull(LISTENERS, listener);
28
- // Enable previous listener.
29
- last(LISTENERS)?.enable();
30
- }
31
- };
32
- }
33
-
34
- const LISTENERS = makeListenerTowerContext();
35
-
36
- /**
37
- * Register a global listener on 'Escape' key pressed.
38
- *
39
- * If multiple listener are registered, only the last one is maintained. When a listener is unregistered, the previous
40
- * one gets activated again.
41
- *
42
- * @param callback Callback
43
- * @param closeOnEscape Disables the hook when false
44
- */
45
- function useCallbackOnEscape(callback, closeOnEscape = true) {
46
- useEffect(() => {
47
- const rootElement = DOCUMENT?.body;
48
- if (!closeOnEscape || !callback || !rootElement) {
49
- return undefined;
50
- }
51
- const onKeyDown = onEscapePressed(callback);
52
- const listener = {
53
- enable: () => rootElement.addEventListener('keydown', onKeyDown),
54
- disable: () => rootElement.removeEventListener('keydown', onKeyDown)
55
- };
56
- LISTENERS.register(listener);
57
- return () => LISTENERS.unregister(listener);
58
- }, [callback, closeOnEscape]);
59
- }
60
-
61
- export { makeListenerTowerContext as m, useCallbackOnEscape as u };
62
- //# sourceMappingURL=d5f316cb.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"d5f316cb.js","sources":["../../src/utils/function/makeListenerTowerContext.ts","../../src/hooks/useCallbackOnEscape.ts"],"sourcesContent":["import last from 'lodash/last';\nimport pull from 'lodash/pull';\n\nexport type Listener = { enable(): void; disable(): void };\n\n/**\n * Keep track of listeners, only the last registered listener gets activated at any point (previously registered\n * listener are disabled).\n * When a listener gets unregistered, the previously registered listener gets enabled again.\n */\nexport function makeListenerTowerContext() {\n const LISTENERS: Listener[] = [];\n\n return {\n register(listener: Listener) {\n // Disable previous listener.\n last(LISTENERS)?.disable();\n // Keep track of current listener.\n LISTENERS.push(listener);\n // Enable current listener.\n listener.enable();\n },\n unregister(listener: Listener) {\n // Disable current listener.\n listener.disable();\n // Remove current listener.\n pull(LISTENERS, listener);\n // Enable previous listener.\n last(LISTENERS)?.enable();\n },\n };\n}\n","import { DOCUMENT } from '@lumx/react/constants';\nimport { Callback } from '@lumx/react/utils/type';\nimport { onEscapePressed } from '@lumx/core/js/utils';\nimport { useEffect } from 'react';\nimport { Listener, makeListenerTowerContext } from '@lumx/react/utils/function/makeListenerTowerContext';\n\nconst LISTENERS = makeListenerTowerContext();\n\n/**\n * Register a global listener on 'Escape' key pressed.\n *\n * If multiple listener are registered, only the last one is maintained. When a listener is unregistered, the previous\n * one gets activated again.\n *\n * @param callback Callback\n * @param closeOnEscape Disables the hook when false\n */\nexport function useCallbackOnEscape(callback: Callback | undefined, closeOnEscape = true) {\n useEffect(() => {\n const rootElement = DOCUMENT?.body;\n if (!closeOnEscape || !callback || !rootElement) {\n return undefined;\n }\n const onKeyDown = onEscapePressed(callback);\n\n const listener: Listener = {\n enable: () => rootElement.addEventListener('keydown', onKeyDown),\n disable: () => rootElement.removeEventListener('keydown', onKeyDown),\n };\n\n LISTENERS.register(listener);\n return () => LISTENERS.unregister(listener);\n }, [callback, closeOnEscape]);\n}\n"],"names":["makeListenerTowerContext","LISTENERS","register","listener","last","disable","push","enable","unregister","pull","useCallbackOnEscape","callback","closeOnEscape","useEffect","rootElement","DOCUMENT","body","undefined","onKeyDown","onEscapePressed","addEventListener","removeEventListener"],"mappings":";;;;;;AAKA;AACA;AACA;AACA;AACA;AACO,SAASA,wBAAwBA,GAAG;EACvC,MAAMC,SAAqB,GAAG,EAAE,CAAA;EAEhC,OAAO;IACHC,QAAQA,CAACC,QAAkB,EAAE;AACzB;AACAC,MAAAA,IAAI,CAACH,SAAS,CAAC,EAAEI,OAAO,EAAE,CAAA;AAC1B;AACAJ,MAAAA,SAAS,CAACK,IAAI,CAACH,QAAQ,CAAC,CAAA;AACxB;MACAA,QAAQ,CAACI,MAAM,EAAE,CAAA;KACpB;IACDC,UAAUA,CAACL,QAAkB,EAAE;AAC3B;MACAA,QAAQ,CAACE,OAAO,EAAE,CAAA;AAClB;AACAI,MAAAA,IAAI,CAACR,SAAS,EAAEE,QAAQ,CAAC,CAAA;AACzB;AACAC,MAAAA,IAAI,CAACH,SAAS,CAAC,EAAEM,MAAM,EAAE,CAAA;AAC7B,KAAA;GACH,CAAA;AACL;;ACzBA,MAAMN,SAAS,GAAGD,wBAAwB,EAAE,CAAA;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASU,mBAAmBA,CAACC,QAA8B,EAAEC,aAAa,GAAG,IAAI,EAAE;AACtFC,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,MAAMC,WAAW,GAAGC,QAAQ,EAAEC,IAAI,CAAA;IAClC,IAAI,CAACJ,aAAa,IAAI,CAACD,QAAQ,IAAI,CAACG,WAAW,EAAE;AAC7C,MAAA,OAAOG,SAAS,CAAA;AACpB,KAAA;AACA,IAAA,MAAMC,SAAS,GAAGC,eAAe,CAACR,QAAQ,CAAC,CAAA;AAE3C,IAAA,MAAMR,QAAkB,GAAG;MACvBI,MAAM,EAAEA,MAAMO,WAAW,CAACM,gBAAgB,CAAC,SAAS,EAAEF,SAAS,CAAC;MAChEb,OAAO,EAAEA,MAAMS,WAAW,CAACO,mBAAmB,CAAC,SAAS,EAAEH,SAAS,CAAA;KACtE,CAAA;AAEDjB,IAAAA,SAAS,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA;AAC5B,IAAA,OAAO,MAAMF,SAAS,CAACO,UAAU,CAACL,QAAQ,CAAC,CAAA;AAC/C,GAAC,EAAE,CAACQ,QAAQ,EAAEC,aAAa,CAAC,CAAC,CAAA;AACjC;;;;"}
@@ -1,310 +0,0 @@
1
- import React__default, { useMemo, useRef } from 'react';
2
- import { m as getRootClassName, n as forwardRef, b as Theme, l as classNames } from './6589b796.js';
3
- import { h as handleBasicClasses } from './e2afb13f.js';
4
- import { u as useId } from './3a1facc0.js';
5
- import { u as useTheme } from './3181f000.js';
6
- import { u as useDisableStateProps } from './b8667090.js';
7
- import { jsxs, jsx } from 'react/jsx-runtime';
8
- import { InputLabel } from './b0a7a999.js';
9
- import { InputHelper } from './5f8f9454.js';
10
-
11
- const useEnhancedEffect = typeof window !== 'undefined' ? React__default.useLayoutEffect : React__default.useEffect;
12
-
13
- /**
14
- * https://github.com/facebook/react/issues/14099#issuecomment-440013892
15
- *
16
- * @param fn A function to run
17
- * @return A React callback
18
- */
19
- function useEventCallback(fn) {
20
- const ref = React__default.useRef(fn);
21
- useEnhancedEffect(() => {
22
- ref.current = fn;
23
- });
24
- return React__default.useCallback(event => ref.current(event), []);
25
- }
26
-
27
- /**
28
- * Clamp value in range.
29
- *
30
- * @param value Value to clamp.
31
- * @param min Minimum value.
32
- * @param max Maximum value.
33
- * @return Clamped value.
34
- */
35
- const clamp = (value, min, max) => {
36
- if (value < min) {
37
- return min;
38
- }
39
- if (value > max) {
40
- return max;
41
- }
42
- return value;
43
- };
44
-
45
- /* eslint-disable jsx-a11y/no-static-element-interactions */
46
- /**
47
- * Component display name.
48
- */
49
- const COMPONENT_NAME = 'Slider';
50
-
51
- /**
52
- * Component default class name and class prefix.
53
- */
54
- const CLASSNAME = getRootClassName(COMPONENT_NAME);
55
-
56
- /**
57
- * Component default props.
58
- */
59
- const DEFAULT_PROPS = {
60
- precision: 0,
61
- steps: 0
62
- };
63
-
64
- /**
65
- * Convert a percent value to a value in range min - max.
66
- *
67
- * @param percent Value to convert.
68
- * @param min Minimum value.
69
- * @param max Maximum value.
70
- * @param precision Precision.
71
- * @return Value in range min - max
72
- */
73
- const computeValueFromPercent = (percent, min, max, precision = 0) => Number((min + percent * (max - min)).toFixed(precision));
74
-
75
- /**
76
- * Convert a value in range min - max to a percent value.
77
- *
78
- * @param value Value to convert.
79
- * @param min Minimum value.
80
- * @param max Maximum value.
81
- * @return Value in percent
82
- */
83
- const computePercentFromValue = (value, min, max) => Number((value - min) / (max - min));
84
-
85
- /**
86
- * Slider component.
87
- *
88
- * @param props Component props.
89
- * @param ref Component ref.
90
- * @return React element.
91
- */
92
- const Slider = forwardRef((props, ref) => {
93
- const {
94
- isAnyDisabled,
95
- disabledStateProps,
96
- otherProps
97
- } = useDisableStateProps(props);
98
- const defaultTheme = useTheme() || Theme.light;
99
- const {
100
- className,
101
- helper,
102
- hideMinMaxLabel,
103
- id,
104
- label,
105
- max,
106
- min,
107
- name,
108
- onChange,
109
- onMouseDown,
110
- precision = DEFAULT_PROPS.precision,
111
- steps = DEFAULT_PROPS.steps,
112
- theme = defaultTheme,
113
- value,
114
- ...forwardedProps
115
- } = otherProps;
116
- const generatedId = useId();
117
- const sliderId = id || generatedId;
118
- const sliderLabelId = useMemo(() => `label-${sliderId}`, [sliderId]);
119
- const sliderRef = useRef(null);
120
-
121
- // build a lookup array for the steps.
122
- const availableSteps = useMemo(() => {
123
- if (!steps) return [];
124
- const available = [0];
125
- const percentStep = 1 / ((max - min) / steps);
126
- let ptr = 0;
127
- while (ptr + percentStep < 1) {
128
- ptr += percentStep;
129
- available.push(ptr);
130
- }
131
- return available;
132
- }, [steps, min, max]);
133
-
134
- /**
135
- * Try to find the closest step to the current slider position.
136
- *
137
- * @param percentValue Reference value
138
- * @return The closest step value
139
- */
140
- const findClosestStep = percentValue => {
141
- const closest = availableSteps.reduce((acc, step) => {
142
- const aDst = Math.abs(percentValue - step);
143
- if (aDst < acc.dst) {
144
- return {
145
- dst: aDst,
146
- val: step
147
- };
148
- }
149
- return acc;
150
- }, {
151
- dst: Infinity,
152
- val: -1
153
- });
154
- return closest.val;
155
- };
156
-
157
- /**
158
- * Convert slider's handle position to percent.
159
- *
160
- * @param event The interaction event
161
- * @param slider the slider element
162
- * @return The computed percent value
163
- */
164
- const getPercentValue = (event, slider) => {
165
- const {
166
- width,
167
- left
168
- } = slider.getBoundingClientRect();
169
- let percent = (event.pageX - left - window.pageXOffset) / width;
170
- percent = clamp(percent, 0, 1);
171
- if (steps) {
172
- percent = findClosestStep(percent);
173
- }
174
- return percent;
175
- };
176
-
177
- /**
178
- * Register a handler for the mouse move event.
179
- */
180
- const handleMove = useEventCallback(event => {
181
- const {
182
- current: slider
183
- } = sliderRef;
184
- if (!slider || !onChange) return;
185
- const newValue = getPercentValue(event, slider);
186
- onChange(computeValueFromPercent(newValue, min, max, precision), name, event);
187
- });
188
-
189
- /**
190
- * Register a handler for the mouse up event.
191
- * Clean a all listeners.
192
- */
193
- const handleEnd = useEventCallback(() => {
194
- document.body.removeEventListener('mousemove', handleMove);
195
- document.body.removeEventListener('mouseup', handleEnd);
196
- document.body.removeEventListener('touchmove', handleMove);
197
- document.body.removeEventListener('touchend', handleEnd);
198
- });
199
-
200
- /**
201
- * Move to the next or previous value (i.e. + or - 10%) or next step
202
- * @param previous Should seek the previous value.
203
- */
204
- const hopToValue = (previous = false) => {
205
- const oldPercent = computePercentFromValue(value, min, max);
206
- let percent = clamp(oldPercent + (previous ? -0.1 : 0.1), 0, 1);
207
- if (steps) {
208
- percent = oldPercent + availableSteps[1] * (previous ? -1 : 1);
209
- percent = findClosestStep(percent);
210
- }
211
- if (onChange) {
212
- onChange(computeValueFromPercent(percent, min, max, precision), name);
213
- }
214
- };
215
-
216
- /**
217
- * Register a handler for keyboard interactions
218
- */
219
- const handleKeyDown = useEventCallback(event => {
220
- if (event.key === 'ArrowRight') {
221
- hopToValue();
222
- } else if (event.key === 'ArrowLeft') {
223
- hopToValue(true);
224
- }
225
- });
226
-
227
- /**
228
- * Register a handler for the mouseDown event.
229
- */
230
- const handleMouseDown = useEventCallback(event => {
231
- onMouseDown?.(event);
232
- const {
233
- current: slider
234
- } = sliderRef;
235
- if (isAnyDisabled || !slider) return;
236
- const newValue = getPercentValue(event, slider);
237
- if (onChange) {
238
- onChange(computeValueFromPercent(newValue, min, max, precision), name, event);
239
- }
240
- document.body.addEventListener('mousemove', handleMove);
241
- document.body.addEventListener('mouseup', handleEnd);
242
- });
243
- const percentString = `${computePercentFromValue(value, min, max) * 100}%`;
244
- return /*#__PURE__*/jsxs("div", {
245
- ref: ref,
246
- ...forwardedProps,
247
- className: classNames(className, handleBasicClasses({
248
- prefix: CLASSNAME,
249
- theme,
250
- hasLabel: Boolean(label)
251
- })),
252
- onMouseDown: handleMouseDown,
253
- children: [label && /*#__PURE__*/jsx(InputLabel, {
254
- id: sliderLabelId,
255
- htmlFor: sliderId,
256
- className: `${CLASSNAME}__label`,
257
- theme: theme,
258
- children: label
259
- }), helper && /*#__PURE__*/jsx(InputHelper, {
260
- className: `${CLASSNAME}__helper`,
261
- theme: theme,
262
- children: helper
263
- }), /*#__PURE__*/jsxs("div", {
264
- className: `${CLASSNAME}__ui-wrapper`,
265
- children: [!hideMinMaxLabel && /*#__PURE__*/jsx("span", {
266
- className: `${CLASSNAME}__value-label ${CLASSNAME}__value-label--min`,
267
- children: min
268
- }), /*#__PURE__*/jsxs("div", {
269
- className: `${CLASSNAME}__wrapper`,
270
- ref: sliderRef,
271
- children: [/*#__PURE__*/jsx("div", {
272
- className: `${CLASSNAME}__track ${CLASSNAME}__track--background`
273
- }), /*#__PURE__*/jsx("div", {
274
- className: `${CLASSNAME}__track ${CLASSNAME}__track--active`,
275
- style: {
276
- width: percentString
277
- }
278
- }), steps ? /*#__PURE__*/jsx("div", {
279
- className: `${CLASSNAME}__ticks`,
280
- children: availableSteps.map((step, idx) => /*#__PURE__*/jsx("div", {
281
- className: `${CLASSNAME}__tick`,
282
- style: {
283
- left: `${step * 100}%`
284
- }
285
- }, `tick_${idx}`))
286
- }) : null, /*#__PURE__*/jsx("button", {
287
- type: "button",
288
- "aria-labelledby": sliderLabelId,
289
- name: name,
290
- id: sliderId,
291
- className: `${CLASSNAME}__handle`,
292
- style: {
293
- left: percentString
294
- },
295
- onKeyDown: isAnyDisabled ? undefined : handleKeyDown,
296
- ...disabledStateProps
297
- })]
298
- }), !hideMinMaxLabel && /*#__PURE__*/jsx("span", {
299
- className: `${CLASSNAME}__value-label ${CLASSNAME}__value-label--max`,
300
- children: max
301
- })]
302
- })]
303
- });
304
- });
305
- Slider.displayName = COMPONENT_NAME;
306
- Slider.className = CLASSNAME;
307
- Slider.defaultProps = DEFAULT_PROPS;
308
-
309
- export { Slider, clamp };
310
- //# sourceMappingURL=db4fdc7b.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"db4fdc7b.js","sources":["../../src/hooks/useEventCallback.tsx","../../src/utils/number/clamp.ts","../../src/components/slider/Slider.tsx"],"sourcesContent":["import React from 'react';\n\nconst useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n *\n * @param fn A function to run\n * @return A React callback\n */\nexport default function useEventCallback(fn: (...args: any[]) => any): (event: any) => any {\n const ref = React.useRef(fn);\n useEnhancedEffect(() => {\n ref.current = fn;\n });\n return React.useCallback((event: any) => ref.current(event), []);\n}\n","/**\n * Clamp value in range.\n *\n * @param value Value to clamp.\n * @param min Minimum value.\n * @param max Maximum value.\n * @return Clamped value.\n */\nexport const clamp = (value: number, min: number, max: number): number => {\n if (value < min) {\n return min;\n }\n if (value > max) {\n return max;\n }\n return value;\n};\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport { SyntheticEvent, useMemo, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { InputHelper, InputLabel, Theme } from '@lumx/react';\nimport useEventCallback from '@lumx/react/hooks/useEventCallback';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { clamp } from '@lumx/react/utils/number/clamp';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\n\n/**\n * Defines the props of the component.\n */\nexport interface SliderProps extends GenericProps, HasTheme {\n /** Helper text. */\n helper?: string;\n /** Whether the min and max labels should be hidden or not. */\n hideMinMaxLabel?: boolean;\n /** Whether the component is disabled or not. */\n isDisabled?: boolean;\n /** Label text. */\n label?: string;\n /** Maximum value on the range. */\n max: number;\n /** Minimum value of the range. */\n min: number;\n /** Native input name property. */\n name?: string;\n /** Number of digits in the fractional part of the selected value. */\n precision?: number;\n /** Range step value. */\n steps?: number;\n /** Selected ranged value. */\n value: number;\n /** On change callback. */\n onChange(value: number, name?: string, event?: SyntheticEvent): void;\n /** On click callback. */\n onMouseDown?(event: React.SyntheticEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Slider';\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<SliderProps> = {\n precision: 0,\n steps: 0,\n};\n\n/**\n * Convert a percent value to a value in range min - max.\n *\n * @param percent Value to convert.\n * @param min Minimum value.\n * @param max Maximum value.\n * @param precision Precision.\n * @return Value in range min - max\n */\nconst computeValueFromPercent = (percent: number, min: number, max: number, precision = 0): number =>\n Number((min + percent * (max - min)).toFixed(precision));\n\n/**\n * Convert a value in range min - max to a percent value.\n *\n * @param value Value to convert.\n * @param min Minimum value.\n * @param max Maximum value.\n * @return Value in percent\n */\nconst computePercentFromValue = (value: number, min: number, max: number): number =>\n Number((value - min) / (max - min));\n\n/**\n * Slider component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Slider = forwardRef<SliderProps, HTMLDivElement>((props, ref) => {\n const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n const defaultTheme = useTheme() || Theme.light;\n const {\n className,\n helper,\n hideMinMaxLabel,\n id,\n label,\n max,\n min,\n name,\n onChange,\n onMouseDown,\n precision = DEFAULT_PROPS.precision,\n steps = DEFAULT_PROPS.steps,\n theme = defaultTheme,\n value,\n ...forwardedProps\n } = otherProps;\n const generatedId = useId();\n const sliderId = id || generatedId;\n const sliderLabelId = useMemo(() => `label-${sliderId}`, [sliderId]);\n const sliderRef = useRef<HTMLDivElement>(null);\n\n // build a lookup array for the steps.\n const availableSteps = useMemo((): number[] => {\n if (!steps) return [];\n\n const available = [0];\n const percentStep = 1 / ((max - min) / steps);\n let ptr = 0;\n while (ptr + percentStep < 1) {\n ptr += percentStep;\n available.push(ptr);\n }\n return available;\n }, [steps, min, max]);\n\n /**\n * Try to find the closest step to the current slider position.\n *\n * @param percentValue Reference value\n * @return The closest step value\n */\n const findClosestStep = (percentValue: number): number => {\n const closest = availableSteps.reduce(\n (acc, step) => {\n const aDst = Math.abs(percentValue - step);\n if (aDst < acc.dst) {\n return { dst: aDst, val: step };\n }\n return acc;\n },\n { dst: Infinity, val: -1 },\n );\n return closest.val;\n };\n\n /**\n * Convert slider's handle position to percent.\n *\n * @param event The interaction event\n * @param slider the slider element\n * @return The computed percent value\n */\n const getPercentValue = (event: React.MouseEvent, slider: HTMLDivElement): number => {\n const { width, left } = slider.getBoundingClientRect();\n let percent = (event.pageX - left - window.pageXOffset) / width;\n percent = clamp(percent, 0, 1);\n if (steps) {\n percent = findClosestStep(percent);\n }\n return percent;\n };\n\n /**\n * Register a handler for the mouse move event.\n */\n const handleMove = useEventCallback((event: React.MouseEvent) => {\n const { current: slider } = sliderRef;\n if (!slider || !onChange) return;\n const newValue = getPercentValue(event, slider);\n onChange(computeValueFromPercent(newValue, min, max, precision), name, event);\n });\n\n /**\n * Register a handler for the mouse up event.\n * Clean a all listeners.\n */\n const handleEnd = useEventCallback(() => {\n document.body.removeEventListener('mousemove', handleMove);\n document.body.removeEventListener('mouseup', handleEnd);\n document.body.removeEventListener('touchmove', handleMove);\n document.body.removeEventListener('touchend', handleEnd);\n });\n\n /**\n * Move to the next or previous value (i.e. + or - 10%) or next step\n * @param previous Should seek the previous value.\n */\n const hopToValue = (previous = false) => {\n const oldPercent = computePercentFromValue(value, min, max);\n let percent = clamp(oldPercent + (previous ? -0.1 : 0.1), 0, 1);\n if (steps) {\n percent = oldPercent + availableSteps[1] * (previous ? -1 : 1);\n percent = findClosestStep(percent);\n }\n if (onChange) {\n onChange(computeValueFromPercent(percent, min, max, precision), name);\n }\n };\n\n /**\n * Register a handler for keyboard interactions\n */\n const handleKeyDown = useEventCallback((event: React.KeyboardEvent) => {\n if (event.key === 'ArrowRight') {\n hopToValue();\n } else if (event.key === 'ArrowLeft') {\n hopToValue(true);\n }\n });\n\n /**\n * Register a handler for the mouseDown event.\n */\n const handleMouseDown = useEventCallback((event: React.MouseEvent) => {\n onMouseDown?.(event);\n\n const { current: slider } = sliderRef;\n if (isAnyDisabled || !slider) return;\n const newValue = getPercentValue(event, slider);\n if (onChange) {\n onChange(computeValueFromPercent(newValue, min, max, precision), name, event);\n }\n\n document.body.addEventListener('mousemove', handleMove);\n document.body.addEventListener('mouseup', handleEnd);\n });\n\n const percentString = `${computePercentFromValue(value, min, max) * 100}%`;\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(\n className,\n handleBasicClasses({ prefix: CLASSNAME, theme, hasLabel: Boolean(label) }),\n )}\n onMouseDown={handleMouseDown}\n >\n {label && (\n <InputLabel id={sliderLabelId} htmlFor={sliderId} className={`${CLASSNAME}__label`} theme={theme}>\n {label}\n </InputLabel>\n )}\n\n {helper && (\n <InputHelper className={`${CLASSNAME}__helper`} theme={theme}>\n {helper}\n </InputHelper>\n )}\n\n <div className={`${CLASSNAME}__ui-wrapper`}>\n {!hideMinMaxLabel && (\n <span className={`${CLASSNAME}__value-label ${CLASSNAME}__value-label--min`}>{min}</span>\n )}\n <div className={`${CLASSNAME}__wrapper`} ref={sliderRef}>\n <div className={`${CLASSNAME}__track ${CLASSNAME}__track--background`} />\n <div\n className={`${CLASSNAME}__track ${CLASSNAME}__track--active`}\n style={{ width: percentString }}\n />\n {steps ? (\n <div className={`${CLASSNAME}__ticks`}>\n {availableSteps.map((step, idx) => (\n <div\n key={`tick_${idx}`}\n className={`${CLASSNAME}__tick`}\n style={{ left: `${step * 100}%` }}\n />\n ))}\n </div>\n ) : null}\n <button\n type=\"button\"\n aria-labelledby={sliderLabelId}\n name={name}\n id={sliderId}\n className={`${CLASSNAME}__handle`}\n style={{ left: percentString }}\n onKeyDown={isAnyDisabled ? undefined : handleKeyDown}\n {...disabledStateProps}\n />\n </div>\n {!hideMinMaxLabel && (\n <span className={`${CLASSNAME}__value-label ${CLASSNAME}__value-label--max`}>{max}</span>\n )}\n </div>\n </div>\n );\n});\nSlider.displayName = COMPONENT_NAME;\nSlider.className = CLASSNAME;\nSlider.defaultProps = DEFAULT_PROPS;\n"],"names":["useEnhancedEffect","window","React","useLayoutEffect","useEffect","useEventCallback","fn","ref","useRef","current","useCallback","event","clamp","value","min","max","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","precision","steps","computeValueFromPercent","percent","Number","toFixed","computePercentFromValue","Slider","forwardRef","props","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","className","helper","hideMinMaxLabel","id","label","name","onChange","onMouseDown","theme","forwardedProps","generatedId","useId","sliderId","sliderLabelId","useMemo","sliderRef","availableSteps","available","percentStep","ptr","push","findClosestStep","percentValue","closest","reduce","acc","step","aDst","Math","abs","dst","val","Infinity","getPercentValue","slider","width","left","getBoundingClientRect","pageX","pageXOffset","handleMove","newValue","handleEnd","document","body","removeEventListener","hopToValue","previous","oldPercent","handleKeyDown","key","handleMouseDown","addEventListener","percentString","_jsxs","classNames","handleBasicClasses","prefix","hasLabel","Boolean","children","_jsx","InputLabel","htmlFor","InputHelper","style","map","idx","type","onKeyDown","undefined","displayName","defaultProps"],"mappings":"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"}