@lumx/react 3.20.1-alpha.13 → 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 (697) hide show
  1. package/_internal/Falsy.d.ts +7 -0
  2. package/_internal/index.js +236 -0
  3. package/_internal/index.js.map +1 -0
  4. package/index.d.ts +352 -7
  5. package/index.js +14486 -65
  6. package/index.js.map +1 -1
  7. package/package.json +11 -3
  8. package/src/components/alert-dialog/AlertDialog.stories.tsx +127 -0
  9. package/src/components/alert-dialog/AlertDialog.test.tsx +34 -0
  10. package/src/components/alert-dialog/AlertDialog.tsx +189 -0
  11. package/src/components/alert-dialog/index.ts +1 -0
  12. package/src/components/autocomplete/Autocomplete.stories.tsx +75 -0
  13. package/src/components/autocomplete/Autocomplete.test.tsx +99 -0
  14. package/src/components/autocomplete/Autocomplete.tsx +294 -0
  15. package/src/components/autocomplete/AutocompleteMultiple.stories.tsx +167 -0
  16. package/src/components/autocomplete/AutocompleteMultiple.test.tsx +61 -0
  17. package/src/components/autocomplete/AutocompleteMultiple.tsx +156 -0
  18. package/src/components/autocomplete/__mockData__/index.ts +39 -0
  19. package/src/components/autocomplete/index.ts +2 -0
  20. package/src/components/avatar/Avatar.stories.tsx +119 -0
  21. package/src/components/avatar/Avatar.test.tsx +32 -0
  22. package/src/components/avatar/Avatar.tsx +114 -0
  23. package/src/components/avatar/index.ts +1 -0
  24. package/src/components/badge/Badge.stories.tsx +69 -0
  25. package/src/components/badge/Badge.test.tsx +45 -0
  26. package/src/components/badge/Badge.tsx +58 -0
  27. package/src/components/badge/BadgeWrapper.stories.tsx +75 -0
  28. package/src/components/badge/BadgeWrapper.test.tsx +47 -0
  29. package/src/components/badge/BadgeWrapper.tsx +37 -0
  30. package/src/components/badge/index.ts +2 -0
  31. package/src/components/button/Button.stories.tsx +355 -0
  32. package/src/components/button/Button.test.tsx +125 -0
  33. package/src/components/button/Button.tsx +101 -0
  34. package/src/components/button/ButtonGroup.stories.tsx +52 -0
  35. package/src/components/button/ButtonGroup.test.tsx +41 -0
  36. package/src/components/button/ButtonGroup.tsx +50 -0
  37. package/src/components/button/ButtonRoot.tsx +163 -0
  38. package/src/components/button/IconButton.stories.tsx +52 -0
  39. package/src/components/button/IconButton.test.tsx +66 -0
  40. package/src/components/button/IconButton.tsx +91 -0
  41. package/src/components/button/index.ts +4 -0
  42. package/src/components/checkbox/Checkbox.stories.tsx +64 -0
  43. package/src/components/checkbox/Checkbox.test.tsx +154 -0
  44. package/src/components/checkbox/Checkbox.tsx +164 -0
  45. package/src/components/checkbox/index.ts +1 -0
  46. package/src/components/chip/Chip.stories.tsx +164 -0
  47. package/src/components/chip/Chip.test.tsx +243 -0
  48. package/src/components/chip/Chip.tsx +168 -0
  49. package/src/components/chip/ChipGroup.stories.tsx +47 -0
  50. package/src/components/chip/ChipGroup.test.tsx +37 -0
  51. package/src/components/chip/ChipGroup.tsx +60 -0
  52. package/src/components/chip/index.ts +2 -0
  53. package/src/components/comment-block/CommentBlock.stories.tsx +91 -0
  54. package/src/components/comment-block/CommentBlock.test.tsx +28 -0
  55. package/src/components/comment-block/CommentBlock.tsx +172 -0
  56. package/src/components/comment-block/index.ts +1 -0
  57. package/src/components/date-picker/DatePicker.stories.tsx +118 -0
  58. package/src/components/date-picker/DatePicker.test.tsx +34 -0
  59. package/src/components/date-picker/DatePicker.tsx +52 -0
  60. package/src/components/date-picker/DatePickerControlled.test.tsx +91 -0
  61. package/src/components/date-picker/DatePickerControlled.tsx +259 -0
  62. package/src/components/date-picker/DatePickerField.stories.tsx +100 -0
  63. package/src/components/date-picker/DatePickerField.test.tsx +70 -0
  64. package/src/components/date-picker/DatePickerField.tsx +135 -0
  65. package/src/components/date-picker/constants.ts +11 -0
  66. package/src/components/date-picker/index.ts +4 -0
  67. package/src/components/date-picker/types.ts +28 -0
  68. package/src/components/dialog/Dialog.stories.tsx +318 -0
  69. package/src/components/dialog/Dialog.test.tsx +97 -0
  70. package/src/components/dialog/Dialog.tsx +288 -0
  71. package/src/components/dialog/index.ts +1 -0
  72. package/src/components/divider/Divider.test.tsx +51 -0
  73. package/src/components/divider/Divider.tsx +50 -0
  74. package/src/components/divider/index.ts +1 -0
  75. package/src/components/drag-handle/DragHandle.test.tsx +36 -0
  76. package/src/components/drag-handle/DragHandle.tsx +51 -0
  77. package/src/components/drag-handle/index.ts +1 -0
  78. package/src/components/dropdown/Dropdown.stories.tsx +31 -0
  79. package/src/components/dropdown/Dropdown.test.tsx +66 -0
  80. package/src/components/dropdown/Dropdown.tsx +186 -0
  81. package/src/components/dropdown/index.ts +1 -0
  82. package/src/components/expansion-panel/ExpansionPanel.stories.tsx +91 -0
  83. package/src/components/expansion-panel/ExpansionPanel.test.tsx +185 -0
  84. package/src/components/expansion-panel/ExpansionPanel.tsx +195 -0
  85. package/src/components/expansion-panel/index.ts +1 -0
  86. package/src/components/flag/Flag.stories.tsx +48 -0
  87. package/src/components/flag/Flag.test.tsx +62 -0
  88. package/src/components/flag/Flag.tsx +52 -0
  89. package/src/components/flag/index.ts +1 -0
  90. package/src/components/flex-box/FlexBox.stories.tsx +156 -0
  91. package/src/components/flex-box/FlexBox.test.tsx +24 -0
  92. package/src/components/flex-box/FlexBox.tsx +100 -0
  93. package/src/components/flex-box/index.ts +1 -0
  94. package/src/components/generic-block/GenericBlock.stories.jsx +128 -0
  95. package/src/components/generic-block/GenericBlock.test.tsx +156 -0
  96. package/src/components/generic-block/GenericBlock.tsx +225 -0
  97. package/src/components/generic-block/constants.ts +9 -0
  98. package/src/components/generic-block/index.ts +2 -0
  99. package/src/components/grid/Grid.tsx +83 -0
  100. package/src/components/grid/GridItem.tsx +55 -0
  101. package/src/components/grid/index.ts +2 -0
  102. package/src/components/grid-column/GridColumn.stories.tsx +45 -0
  103. package/src/components/grid-column/GridColumn.test.jsx +56 -0
  104. package/src/components/grid-column/GridColumn.tsx +83 -0
  105. package/src/components/grid-column/index.ts +1 -0
  106. package/src/components/heading/Heading.stories.tsx +69 -0
  107. package/src/components/heading/Heading.test.tsx +82 -0
  108. package/src/components/heading/Heading.tsx +65 -0
  109. package/src/components/heading/HeadingLevelProvider.tsx +30 -0
  110. package/src/components/heading/constants.ts +16 -0
  111. package/src/components/heading/context.tsx +13 -0
  112. package/src/components/heading/index.ts +3 -0
  113. package/src/components/heading/useHeadingLevel.tsx +8 -0
  114. package/src/components/icon/Icon.stories.tsx +73 -0
  115. package/src/components/icon/Icon.test.tsx +125 -0
  116. package/src/components/icon/Icon.tsx +133 -0
  117. package/src/components/icon/index.ts +1 -0
  118. package/src/components/image-block/ImageBlock.stories.tsx +117 -0
  119. package/src/components/image-block/ImageBlock.test.tsx +58 -0
  120. package/src/components/image-block/ImageBlock.tsx +142 -0
  121. package/src/components/image-block/ImageCaption.tsx +115 -0
  122. package/src/components/image-block/index.ts +1 -0
  123. package/src/components/image-lightbox/ImageLightbox.stories.tsx +160 -0
  124. package/src/components/image-lightbox/ImageLightbox.test.tsx +254 -0
  125. package/src/components/image-lightbox/ImageLightbox.tsx +90 -0
  126. package/src/components/image-lightbox/constants.ts +11 -0
  127. package/src/components/image-lightbox/index.ts +2 -0
  128. package/src/components/image-lightbox/internal/ImageSlide.tsx +107 -0
  129. package/src/components/image-lightbox/internal/ImageSlideshow.tsx +164 -0
  130. package/src/components/image-lightbox/internal/useAnimateScroll.ts +55 -0
  131. package/src/components/image-lightbox/internal/usePointerZoom.ts +148 -0
  132. package/src/components/image-lightbox/types.ts +48 -0
  133. package/src/components/image-lightbox/useImageLightbox.tsx +141 -0
  134. package/src/components/inline-list/InlineList.stories.tsx +77 -0
  135. package/src/components/inline-list/InlineList.test.tsx +52 -0
  136. package/src/components/inline-list/InlineList.tsx +96 -0
  137. package/src/components/inline-list/index.ts +1 -0
  138. package/src/components/input-helper/InputHelper.stories.tsx +35 -0
  139. package/src/components/input-helper/InputHelper.test.tsx +55 -0
  140. package/src/components/input-helper/InputHelper.tsx +65 -0
  141. package/src/components/input-helper/constants.ts +11 -0
  142. package/src/components/input-helper/index.ts +1 -0
  143. package/src/components/input-label/InputLabel.stories.tsx +45 -0
  144. package/src/components/input-label/InputLabel.test.tsx +59 -0
  145. package/src/components/input-label/InputLabel.tsx +69 -0
  146. package/src/components/input-label/index.ts +1 -0
  147. package/src/components/lightbox/Lightbox.stories.tsx +101 -0
  148. package/src/components/lightbox/Lightbox.test.tsx +53 -0
  149. package/src/components/lightbox/Lightbox.tsx +180 -0
  150. package/src/components/lightbox/index.ts +1 -0
  151. package/src/components/link/Link.stories.tsx +195 -0
  152. package/src/components/link/Link.test.tsx +127 -0
  153. package/src/components/link/Link.tsx +106 -0
  154. package/src/components/link/index.ts +1 -0
  155. package/src/components/link-preview/LinkPreview.stories.tsx +61 -0
  156. package/src/components/link-preview/LinkPreview.test.tsx +105 -0
  157. package/src/components/link-preview/LinkPreview.tsx +158 -0
  158. package/src/components/link-preview/index.ts +1 -0
  159. package/src/components/list/List.stories.tsx +116 -0
  160. package/src/components/list/List.test.tsx +18 -0
  161. package/src/components/list/List.tsx +104 -0
  162. package/src/components/list/ListDivider.stories.tsx +12 -0
  163. package/src/components/list/ListDivider.test.tsx +22 -0
  164. package/src/components/list/ListDivider.tsx +35 -0
  165. package/src/components/list/ListItem.stories.tsx +66 -0
  166. package/src/components/list/ListItem.test.tsx +93 -0
  167. package/src/components/list/ListItem.tsx +157 -0
  168. package/src/components/list/ListSubheader.stories.tsx +11 -0
  169. package/src/components/list/ListSubheader.test.tsx +21 -0
  170. package/src/components/list/ListSubheader.tsx +44 -0
  171. package/src/components/list/index.ts +4 -0
  172. package/src/components/list/useInteractiveList.tsx +202 -0
  173. package/src/components/message/Message.stories.tsx +72 -0
  174. package/src/components/message/Message.test.tsx +76 -0
  175. package/src/components/message/Message.tsx +100 -0
  176. package/src/components/message/index.ts +1 -0
  177. package/src/components/mosaic/Mosaic.stories.tsx +89 -0
  178. package/src/components/mosaic/Mosaic.test.tsx +77 -0
  179. package/src/components/mosaic/Mosaic.tsx +98 -0
  180. package/src/components/mosaic/index.ts +1 -0
  181. package/src/components/navigation/Navigation.stories.tsx +234 -0
  182. package/src/components/navigation/Navigation.test.tsx +65 -0
  183. package/src/components/navigation/Navigation.tsx +79 -0
  184. package/src/components/navigation/NavigationItem.test.tsx +35 -0
  185. package/src/components/navigation/NavigationItem.tsx +82 -0
  186. package/src/components/navigation/NavigationSection.test.tsx +137 -0
  187. package/src/components/navigation/NavigationSection.tsx +108 -0
  188. package/src/components/navigation/context.tsx +7 -0
  189. package/src/components/navigation/index.ts +1 -0
  190. package/src/components/notification/Notification.test.tsx +94 -0
  191. package/src/components/notification/Notification.tsx +138 -0
  192. package/src/components/notification/Notifications.stories.tsx +92 -0
  193. package/src/components/notification/constants.ts +28 -0
  194. package/src/components/notification/index.ts +1 -0
  195. package/src/components/popover/Popover.stories.tsx +264 -0
  196. package/src/components/popover/Popover.test.tsx +62 -0
  197. package/src/components/popover/Popover.tsx +201 -0
  198. package/src/components/popover/constants.ts +62 -0
  199. package/src/components/popover/index.ts +3 -0
  200. package/src/components/popover/usePopoverStyle.tsx +184 -0
  201. package/src/components/popover/useRestoreFocusOnClose.tsx +47 -0
  202. package/src/components/popover-dialog/PopoverDialog.stories.tsx +64 -0
  203. package/src/components/popover-dialog/PopoverDialog.test.tsx +139 -0
  204. package/src/components/popover-dialog/PopoverDialog.tsx +74 -0
  205. package/src/components/popover-dialog/index.tsx +1 -0
  206. package/src/components/post-block/PostBlock.test.tsx +27 -0
  207. package/src/components/post-block/PostBlock.tsx +122 -0
  208. package/src/components/post-block/index.ts +1 -0
  209. package/src/components/progress/Progress.tsx +68 -0
  210. package/src/components/progress/ProgressCircular.stories.tsx +43 -0
  211. package/src/components/progress/ProgressCircular.test.tsx +46 -0
  212. package/src/components/progress/ProgressCircular.tsx +82 -0
  213. package/src/components/progress/ProgressLinear.stories.tsx +12 -0
  214. package/src/components/progress/ProgressLinear.test.tsx +30 -0
  215. package/src/components/progress/ProgressLinear.tsx +50 -0
  216. package/src/components/progress/index.ts +3 -0
  217. package/src/components/progress-tracker/ProgressTracker.stories.tsx +145 -0
  218. package/src/components/progress-tracker/ProgressTracker.test.tsx +42 -0
  219. package/src/components/progress-tracker/ProgressTracker.tsx +87 -0
  220. package/src/components/progress-tracker/ProgressTrackerProvider.test.tsx +65 -0
  221. package/src/components/progress-tracker/ProgressTrackerProvider.tsx +67 -0
  222. package/src/components/progress-tracker/ProgressTrackerStep.test.tsx +36 -0
  223. package/src/components/progress-tracker/ProgressTrackerStep.tsx +159 -0
  224. package/src/components/progress-tracker/ProgressTrackerStepPanel.test.tsx +34 -0
  225. package/src/components/progress-tracker/ProgressTrackerStepPanel.tsx +67 -0
  226. package/src/components/progress-tracker/index.ts +4 -0
  227. package/src/components/radio-button/RadioButton.stories.tsx +71 -0
  228. package/src/components/radio-button/RadioButton.test.tsx +143 -0
  229. package/src/components/radio-button/RadioButton.tsx +143 -0
  230. package/src/components/radio-button/RadioGroup.stories.tsx +39 -0
  231. package/src/components/radio-button/RadioGroup.test.tsx +29 -0
  232. package/src/components/radio-button/RadioGroup.tsx +44 -0
  233. package/src/components/radio-button/index.ts +2 -0
  234. package/src/components/select/Select.stories.tsx +385 -0
  235. package/src/components/select/Select.test.tsx +199 -0
  236. package/src/components/select/Select.tsx +199 -0
  237. package/src/components/select/SelectMultiple.stories.tsx +315 -0
  238. package/src/components/select/SelectMultiple.test.tsx +213 -0
  239. package/src/components/select/SelectMultiple.tsx +206 -0
  240. package/src/components/select/WithSelectContext.tsx +147 -0
  241. package/src/components/select/constants.ts +55 -0
  242. package/src/components/select/index.ts +2 -0
  243. package/src/components/side-navigation/SideNavigation.stories.tsx +191 -0
  244. package/src/components/side-navigation/SideNavigation.test.tsx +37 -0
  245. package/src/components/side-navigation/SideNavigation.tsx +52 -0
  246. package/src/components/side-navigation/SideNavigationItem.stories.tsx +133 -0
  247. package/src/components/side-navigation/SideNavigationItem.test.tsx +136 -0
  248. package/src/components/side-navigation/SideNavigationItem.tsx +165 -0
  249. package/src/components/side-navigation/index.ts +2 -0
  250. package/src/components/skeleton/SkeletonCircle.stories.tsx +41 -0
  251. package/src/components/skeleton/SkeletonCircle.test.tsx +27 -0
  252. package/src/components/skeleton/SkeletonCircle.tsx +52 -0
  253. package/src/components/skeleton/SkeletonRectangle.stories.tsx +82 -0
  254. package/src/components/skeleton/SkeletonRectangle.test.tsx +27 -0
  255. package/src/components/skeleton/SkeletonRectangle.tsx +88 -0
  256. package/src/components/skeleton/SkeletonTypography.stories.tsx +19 -0
  257. package/src/components/skeleton/SkeletonTypography.test.tsx +27 -0
  258. package/src/components/skeleton/SkeletonTypography.tsx +59 -0
  259. package/src/components/skeleton/index.ts +3 -0
  260. package/src/components/slider/Slider.stories.tsx +45 -0
  261. package/src/components/slider/Slider.test.tsx +29 -0
  262. package/src/components/slider/Slider.tsx +299 -0
  263. package/src/components/slider/index.ts +2 -0
  264. package/src/components/slideshow/Slides.tsx +130 -0
  265. package/src/components/slideshow/Slideshow.stories.tsx +179 -0
  266. package/src/components/slideshow/Slideshow.test.tsx +35 -0
  267. package/src/components/slideshow/Slideshow.tsx +173 -0
  268. package/src/components/slideshow/SlideshowControls.stories.tsx +100 -0
  269. package/src/components/slideshow/SlideshowControls.tsx +243 -0
  270. package/src/components/slideshow/SlideshowItem.tsx +44 -0
  271. package/src/components/slideshow/SlideshowItemGroup.tsx +60 -0
  272. package/src/components/slideshow/constants.ts +24 -0
  273. package/src/components/slideshow/index.ts +4 -0
  274. package/src/components/slideshow/useKeyNavigate.ts +28 -0
  275. package/src/components/slideshow/usePaginationVisibleRange.ts +37 -0
  276. package/src/components/slideshow/useSlideFocusManagement.tsx +92 -0
  277. package/src/components/slideshow/useSwipeNavigate.ts +18 -0
  278. package/src/components/switch/Switch.stories.tsx +49 -0
  279. package/src/components/switch/Switch.test.tsx +144 -0
  280. package/src/components/switch/Switch.tsx +145 -0
  281. package/src/components/switch/index.ts +1 -0
  282. package/src/components/table/Table.test.tsx +29 -0
  283. package/src/components/table/Table.tsx +59 -0
  284. package/src/components/table/TableBody.test.tsx +30 -0
  285. package/src/components/table/TableBody.tsx +42 -0
  286. package/src/components/table/TableCell.test.tsx +72 -0
  287. package/src/components/table/TableCell.tsx +130 -0
  288. package/src/components/table/TableHeader.test.tsx +30 -0
  289. package/src/components/table/TableHeader.tsx +48 -0
  290. package/src/components/table/TableRow.test.tsx +40 -0
  291. package/src/components/table/TableRow.tsx +71 -0
  292. package/src/components/table/index.ts +5 -0
  293. package/src/components/tabs/Tab.test.tsx +50 -0
  294. package/src/components/tabs/Tab.tsx +133 -0
  295. package/src/components/tabs/TabList.test.tsx +49 -0
  296. package/src/components/tabs/TabList.tsx +94 -0
  297. package/src/components/tabs/TabPanel.test.tsx +37 -0
  298. package/src/components/tabs/TabPanel.tsx +67 -0
  299. package/src/components/tabs/TabProvider.test.tsx +161 -0
  300. package/src/components/tabs/TabProvider.tsx +67 -0
  301. package/src/components/tabs/Tabs.stories.tsx +170 -0
  302. package/src/components/tabs/index.ts +4 -0
  303. package/src/components/tabs/state.ts +114 -0
  304. package/src/components/tabs/test-utils.ts +39 -0
  305. package/src/components/text/Text.stories.tsx +177 -0
  306. package/src/components/text/Text.test.tsx +92 -0
  307. package/src/components/text/Text.tsx +139 -0
  308. package/src/components/text/index.ts +1 -0
  309. package/src/components/text-field/TextField.stories.tsx +180 -0
  310. package/src/components/text-field/TextField.test.tsx +298 -0
  311. package/src/components/text-field/TextField.tsx +493 -0
  312. package/src/components/text-field/index.ts +1 -0
  313. package/src/components/thumbnail/Thumbnail.stories.tsx +448 -0
  314. package/src/components/thumbnail/Thumbnail.test.tsx +88 -0
  315. package/src/components/thumbnail/Thumbnail.tsx +248 -0
  316. package/src/components/thumbnail/index.ts +3 -0
  317. package/src/components/thumbnail/types.ts +48 -0
  318. package/src/components/thumbnail/useFocusPointStyle.test.ts +92 -0
  319. package/src/components/thumbnail/useFocusPointStyle.tsx +107 -0
  320. package/src/components/thumbnail/useImageLoad.ts +40 -0
  321. package/src/components/toolbar/Toolbar.tsx +68 -0
  322. package/src/components/toolbar/index.ts +1 -0
  323. package/src/components/tooltip/Tooltip.stories.tsx +118 -0
  324. package/src/components/tooltip/Tooltip.test.tsx +417 -0
  325. package/src/components/tooltip/Tooltip.tsx +165 -0
  326. package/src/components/tooltip/constants.ts +8 -0
  327. package/src/components/tooltip/context.tsx +17 -0
  328. package/src/components/tooltip/index.ts +1 -0
  329. package/src/components/tooltip/useInjectTooltipRef.tsx +55 -0
  330. package/src/components/tooltip/useTooltipOpen.tsx +143 -0
  331. package/src/components/uploader/Uploader.stories.tsx +109 -0
  332. package/src/components/uploader/Uploader.test.tsx +146 -0
  333. package/src/components/uploader/Uploader.tsx +177 -0
  334. package/src/components/uploader/index.ts +1 -0
  335. package/src/components/user-block/UserBlock.stories.tsx +133 -0
  336. package/src/components/user-block/UserBlock.test.tsx +106 -0
  337. package/src/components/user-block/UserBlock.tsx +193 -0
  338. package/src/components/user-block/index.ts +1 -0
  339. package/src/constants.ts +27 -0
  340. package/src/hooks/useBooleanState.tsx +13 -0
  341. package/src/hooks/useCallbackOnEscape.ts +34 -0
  342. package/src/hooks/useChipGroupNavigation.tsx +75 -0
  343. package/src/hooks/useClickAway.tsx +48 -0
  344. package/src/hooks/useDisableBodyScroll.ts +28 -0
  345. package/src/hooks/useEventCallback.tsx +17 -0
  346. package/src/hooks/useFocus.tsx +21 -0
  347. package/src/hooks/useFocusTrap.ts +93 -0
  348. package/src/hooks/useFocusWithin.ts +33 -0
  349. package/src/hooks/useId.test.tsx +22 -0
  350. package/src/hooks/useId.ts +15 -0
  351. package/src/hooks/useImageSize.ts +17 -0
  352. package/src/hooks/useInfiniteScroll.tsx +60 -0
  353. package/src/hooks/useIntersectionObserver.tsx +43 -0
  354. package/src/hooks/useInterval.tsx +31 -0
  355. package/src/hooks/useKeyboardListNavigation.tsx +204 -0
  356. package/src/hooks/useListenFocus.tsx +26 -0
  357. package/src/hooks/useOverflowTooltipLabel.tsx +32 -0
  358. package/src/hooks/usePopper.ts +12 -0
  359. package/src/hooks/usePreviousValue.ts +12 -0
  360. package/src/hooks/useRovingTabIndex.tsx +90 -0
  361. package/src/hooks/useSizeOnWindowResize.ts +30 -0
  362. package/src/hooks/useSlideshowControls.ts +246 -0
  363. package/src/hooks/useStopPropagation.ts +21 -0
  364. package/src/hooks/useTransitionVisibility.ts +48 -0
  365. package/src/index.ts +63 -0
  366. package/src/stories/controls/color.ts +7 -0
  367. package/src/stories/controls/element.ts +6 -0
  368. package/src/stories/controls/focusPoint.ts +1 -0
  369. package/src/stories/controls/icons.ts +126 -0
  370. package/src/stories/controls/image.ts +84 -0
  371. package/src/stories/controls/selectArgType.ts +8 -0
  372. package/src/stories/controls/theme.ts +3 -0
  373. package/src/stories/controls/typography.ts +5 -0
  374. package/src/stories/controls/withUndefined.ts +1 -0
  375. package/src/stories/decorators/withChromaticForceScreenSize.tsx +7 -0
  376. package/src/stories/decorators/withCombinations.tsx +132 -0
  377. package/src/stories/decorators/withNestedProps.tsx +22 -0
  378. package/src/stories/decorators/withResizableBox.tsx +21 -0
  379. package/src/stories/decorators/withThemedBackground.tsx +16 -0
  380. package/src/stories/decorators/withValueOnChange.tsx +18 -0
  381. package/src/stories/decorators/withWrapper.tsx +19 -0
  382. package/src/stories/generated/Autocomplete/Demos.stories.tsx +7 -0
  383. package/src/stories/generated/Avatar/Demos.stories.tsx +7 -0
  384. package/src/stories/generated/Badge/Demos.stories.tsx +9 -0
  385. package/src/stories/generated/Button/Demos.stories.tsx +11 -0
  386. package/src/stories/generated/Checkbox/Demos.stories.tsx +6 -0
  387. package/src/stories/generated/Chip/Demos.stories.tsx +11 -0
  388. package/src/stories/generated/CommentBlock/Demos.stories.tsx +8 -0
  389. package/src/stories/generated/DatePicker/Demos.stories.tsx +8 -0
  390. package/src/stories/generated/Dialog/Demos.stories.tsx +10 -0
  391. package/src/stories/generated/Divider/Demos.stories.tsx +6 -0
  392. package/src/stories/generated/Dropdown/Demos.stories.tsx +8 -0
  393. package/src/stories/generated/ExpansionPanel/Demos.stories.tsx +9 -0
  394. package/src/stories/generated/Flag/Demos.stories.tsx +6 -0
  395. package/src/stories/generated/GenericBlock/Demos.stories.tsx +8 -0
  396. package/src/stories/generated/Heading/Demos.stories.tsx +6 -0
  397. package/src/stories/generated/Icon/Demos.stories.tsx +8 -0
  398. package/src/stories/generated/ImageBlock/Demos.stories.tsx +9 -0
  399. package/src/stories/generated/ImageLightbox/Demos.stories.tsx +6 -0
  400. package/src/stories/generated/Lightbox/Demos.stories.tsx +6 -0
  401. package/src/stories/generated/LinkPreview/Demos.stories.tsx +7 -0
  402. package/src/stories/generated/List/Demos.stories.tsx +11 -0
  403. package/src/stories/generated/Message/Demos.stories.tsx +11 -0
  404. package/src/stories/generated/Mosaic/Demos.stories.tsx +10 -0
  405. package/src/stories/generated/Notification/Demos.stories.tsx +6 -0
  406. package/src/stories/generated/Popover/Demos.stories.tsx +11 -0
  407. package/src/stories/generated/PopoverDialog/Demos.stories.tsx +6 -0
  408. package/src/stories/generated/PostBlock/Demos.stories.tsx +6 -0
  409. package/src/stories/generated/Progress/Demos.stories.tsx +7 -0
  410. package/src/stories/generated/ProgressTracker/Demos.stories.tsx +9 -0
  411. package/src/stories/generated/RadioButton/Demos.stories.tsx +6 -0
  412. package/src/stories/generated/Select/Demos.stories.tsx +14 -0
  413. package/src/stories/generated/SideNavigation/Demos.stories.tsx +10 -0
  414. package/src/stories/generated/Skeleton/Demos.stories.tsx +9 -0
  415. package/src/stories/generated/Slider/Demos.stories.tsx +9 -0
  416. package/src/stories/generated/Slideshow/Demos.stories.tsx +8 -0
  417. package/src/stories/generated/Switch/Demos.stories.tsx +6 -0
  418. package/src/stories/generated/Table/Demos.stories.tsx +7 -0
  419. package/src/stories/generated/Tabs/Demos.stories.tsx +8 -0
  420. package/src/stories/generated/TextField/Demos.stories.tsx +20 -0
  421. package/src/stories/generated/Thumbnail/Demos.stories.tsx +12 -0
  422. package/src/stories/generated/Toolbar/Demos.stories.tsx +10 -0
  423. package/src/stories/generated/Tooltip/Demos.stories.tsx +8 -0
  424. package/src/stories/generated/Uploader/Demos.stories.tsx +8 -0
  425. package/src/stories/generated/UserBlock/Demos.stories.tsx +11 -0
  426. package/src/stories/utils/CustomLink.tsx +12 -0
  427. package/src/stories/utils/concatPath.tsx +17 -0
  428. package/src/stories/utils/disableArgTypes.ts +3 -0
  429. package/src/stories/utils/initDemoShadowDOMPortal.ts +10 -0
  430. package/src/stories/utils/lorem.ts +59 -0
  431. package/src/stories/utils/theming.tsx +166 -0
  432. package/src/stories/utils/toFlattenProps.ts +28 -0
  433. package/src/stories/utils/withCategory.ts +12 -0
  434. package/src/testing/utils/ThemeSentinel.tsx +10 -0
  435. package/src/testing/utils/commonTestsSuiteRTL.tsx +193 -0
  436. package/src/testing/utils/index.ts +1 -0
  437. package/src/testing/utils/queries.ts +19 -0
  438. package/src/untypped-modules.d.ts +9 -0
  439. package/src/utils/ClickAwayProvider/ClickAwayProvider.stories.jsx +70 -0
  440. package/src/utils/ClickAwayProvider/ClickAwayProvider.tsx +69 -0
  441. package/src/utils/ClickAwayProvider/index.ts +1 -0
  442. package/src/utils/MaterialThemeSwitcher/MaterialThemeSwitcher.tsx +54 -0
  443. package/src/utils/MaterialThemeSwitcher/index.ts +1 -0
  444. package/src/utils/Portal/Portal.test.tsx +31 -0
  445. package/src/utils/Portal/Portal.tsx +33 -0
  446. package/src/utils/Portal/PortalProvider.stories.jsx +22 -0
  447. package/src/utils/Portal/PortalProvider.test.tsx +72 -0
  448. package/src/utils/Portal/PortalProvider.tsx +24 -0
  449. package/src/utils/Portal/index.tsx +2 -0
  450. package/src/utils/browser/DOM/findImage.tsx +3 -0
  451. package/src/utils/browser/DOM/startViewTransition.ts +68 -0
  452. package/src/utils/browser/focus/constants.ts +7 -0
  453. package/src/utils/browser/focus/getFirstAndLastFocusable.test.ts +134 -0
  454. package/src/utils/browser/focus/getFirstAndLastFocusable.ts +21 -0
  455. package/src/utils/browser/focus/getFocusableElements.test.ts +151 -0
  456. package/src/utils/browser/focus/getFocusableElements.ts +7 -0
  457. package/src/utils/browser/isFocusVisible.ts +9 -0
  458. package/src/utils/browser/isHoverNotSupported.test.js +24 -0
  459. package/src/utils/browser/isHoverNotSupported.ts +2 -0
  460. package/src/utils/browser/isReducedMotion.ts +6 -0
  461. package/src/utils/date/addMonthResetDay.test.ts +13 -0
  462. package/src/utils/date/addMonthResetDay.ts +9 -0
  463. package/src/utils/date/formatDayNumber.test.ts +12 -0
  464. package/src/utils/date/formatDayNumber.ts +5 -0
  465. package/src/utils/date/getFirstDayOfWeek.test.ts +20 -0
  466. package/src/utils/date/getFirstDayOfWeek.ts +59 -0
  467. package/src/utils/date/getMonthCalendar.test.ts +127 -0
  468. package/src/utils/date/getMonthCalendar.ts +69 -0
  469. package/src/utils/date/getWeekDays.test.ts +48 -0
  470. package/src/utils/date/getWeekDays.ts +34 -0
  471. package/src/utils/date/getYearDisplayName.test.ts +20 -0
  472. package/src/utils/date/getYearDisplayName.ts +12 -0
  473. package/src/utils/date/isDateValid.test.ts +15 -0
  474. package/src/utils/date/isDateValid.ts +4 -0
  475. package/src/utils/date/isSameDay.test.ts +37 -0
  476. package/src/utils/date/isSameDay.ts +11 -0
  477. package/src/utils/disabled/DisabledStateContext.tsx +29 -0
  478. package/src/utils/disabled/DisabledStateProvider.stories.tsx +92 -0
  479. package/src/utils/disabled/index.ts +2 -0
  480. package/src/utils/disabled/useDisableStateProps.test.tsx +74 -0
  481. package/src/utils/disabled/useDisableStateProps.tsx +37 -0
  482. package/src/utils/function/makeListenerTowerContext.ts +32 -0
  483. package/src/utils/index.ts +7 -0
  484. package/src/utils/locale/getCurrentLocale.ts +4 -0
  485. package/src/utils/locale/parseLocale.test.ts +17 -0
  486. package/src/utils/locale/parseLocale.ts +23 -0
  487. package/src/utils/locale/types.ts +8 -0
  488. package/src/utils/number/clamp.ts +17 -0
  489. package/src/utils/object/isEqual.test.ts +25 -0
  490. package/src/utils/object/isEqual.ts +11 -0
  491. package/src/utils/partitionMulti.test.ts +27 -0
  492. package/{_internal/partitionMulti-4daccdd5.js → src/utils/partitionMulti.ts} +9 -5
  493. package/src/utils/react/OnBeforeUnmount.tsx +20 -0
  494. package/src/utils/react/RawClickable.test.tsx +153 -0
  495. package/src/utils/react/RawClickable.tsx +65 -0
  496. package/src/utils/react/flattenChildren.ts +32 -0
  497. package/src/utils/react/forwardRef.ts +11 -0
  498. package/src/utils/react/forwardRefPolymorphic.ts +9 -0
  499. package/src/utils/react/mergeRefs.ts +33 -0
  500. package/src/utils/react/renderLink.tsx +17 -0
  501. package/src/utils/react/skipRender.tsx +18 -0
  502. package/src/utils/react/unref.ts +7 -0
  503. package/src/utils/react/wrapChildrenIconWithSpaces.test.tsx +37 -0
  504. package/src/utils/react/wrapChildrenIconWithSpaces.tsx +22 -0
  505. package/src/utils/theme/ThemeContext.ts +16 -0
  506. package/src/utils/theme/invertTheme.ts +4 -0
  507. package/src/utils/type/Comp.ts +14 -0
  508. package/src/utils/type/ComponentRef.ts +16 -0
  509. package/src/utils/type/HasAriaDisabled.ts +6 -0
  510. package/src/utils/type/HasPolymorphicAs.ts +6 -0
  511. package/src/utils/type/HasRequiredLinkHref.ts +1 -0
  512. package/src/utils/type/MaybeElementOrRef.ts +6 -0
  513. package/src/utils/type/index.ts +9 -0
  514. package/src/utils/type/isComponent.ts +33 -0
  515. package/src/utils/type/isComponentType.ts +9 -0
  516. package/utils/index.d.ts +1 -1
  517. package/utils/index.js +1 -3
  518. package/utils/index.js.map +1 -1
  519. package/_internal/Button-f19e18df.js +0 -96
  520. package/_internal/Button-f19e18df.js.map +0 -1
  521. package/_internal/ButtonRoot-ab633b1d.js +0 -115
  522. package/_internal/ButtonRoot-ab633b1d.js.map +0 -1
  523. package/_internal/Chip-4c572eec.js +0 -149
  524. package/_internal/Chip-4c572eec.js.map +0 -1
  525. package/_internal/ClickAwayProvider-bcce6ceb.js +0 -93
  526. package/_internal/ClickAwayProvider-bcce6ceb.js.map +0 -1
  527. package/_internal/DisabledStateContext-077b7bef.js +0 -29
  528. package/_internal/DisabledStateContext-077b7bef.js.map +0 -1
  529. package/_internal/HeadingLevelProvider-e4817816.js +0 -59
  530. package/_internal/HeadingLevelProvider-e4817816.js.map +0 -1
  531. package/_internal/IconButton-10585058.js +0 -72
  532. package/_internal/IconButton-10585058.js.map +0 -1
  533. package/_internal/ImageCaption-4279b2b6.js +0 -65
  534. package/_internal/ImageCaption-4279b2b6.js.map +0 -1
  535. package/_internal/List-d5f5d465.js +0 -791
  536. package/_internal/List-d5f5d465.js.map +0 -1
  537. package/_internal/PopoverDialog-21e5c9dd.js +0 -647
  538. package/_internal/PopoverDialog-21e5c9dd.js.map +0 -1
  539. package/_internal/Portal-c43d098b.js +0 -42
  540. package/_internal/Portal-c43d098b.js.map +0 -1
  541. package/_internal/RawClickable-c76bbc4c.js +0 -50
  542. package/_internal/RawClickable-c76bbc4c.js.map +0 -1
  543. package/_internal/Slides-01f513ce.js +0 -675
  544. package/_internal/Slides-01f513ce.js.map +0 -1
  545. package/_internal/ThemeContext-3181f000.js +0 -14
  546. package/_internal/ThemeContext-3181f000.js.map +0 -1
  547. package/_internal/Thumbnail-30d2a781.js +0 -312
  548. package/_internal/Thumbnail-30d2a781.js.map +0 -1
  549. package/_internal/components/alert-dialog-8f1c163c.js +0 -147
  550. package/_internal/components/alert-dialog-8f1c163c.js.map +0 -1
  551. package/_internal/components/autocomplete-bfbdeb3c.js +0 -264
  552. package/_internal/components/autocomplete-bfbdeb3c.js.map +0 -1
  553. package/_internal/components/avatar-6990e3e9.js +0 -87
  554. package/_internal/components/avatar-6990e3e9.js.map +0 -1
  555. package/_internal/components/badge-81543bc7.js +0 -81
  556. package/_internal/components/badge-81543bc7.js.map +0 -1
  557. package/_internal/components/button-927abe71.js +0 -49
  558. package/_internal/components/button-927abe71.js.map +0 -1
  559. package/_internal/components/checkbox-dc4caec8.js +0 -131
  560. package/_internal/components/checkbox-dc4caec8.js.map +0 -1
  561. package/_internal/components/chip-fb3d0c76.js +0 -104
  562. package/_internal/components/chip-fb3d0c76.js.map +0 -1
  563. package/_internal/components/comment-block-b84c4694.js +0 -121
  564. package/_internal/components/comment-block-b84c4694.js.map +0 -1
  565. package/_internal/components/date-picker-a425534c.js +0 -2
  566. package/_internal/components/date-picker-a425534c.js.map +0 -1
  567. package/_internal/components/dialog-7dbcb485.js +0 -226
  568. package/_internal/components/dialog-7dbcb485.js.map +0 -1
  569. package/_internal/components/divider-12e9b6a0.js +0 -53
  570. package/_internal/components/divider-12e9b6a0.js.map +0 -1
  571. package/_internal/components/drag-handle-a38ff757.js +0 -53
  572. package/_internal/components/drag-handle-a38ff757.js.map +0 -1
  573. package/_internal/components/dropdown-38b0b6a0.js +0 -148
  574. package/_internal/components/dropdown-38b0b6a0.js.map +0 -1
  575. package/_internal/components/expansion-panel-c4b93653.js +0 -158
  576. package/_internal/components/expansion-panel-c4b93653.js.map +0 -1
  577. package/_internal/components/flag-c5e2f5f0.js +0 -55
  578. package/_internal/components/flag-c5e2f5f0.js.map +0 -1
  579. package/_internal/components/flex-box-c8701a85.js +0 -58
  580. package/_internal/components/flex-box-c8701a85.js.map +0 -1
  581. package/_internal/components/generic-block-0d6ad5a6.js +0 -115
  582. package/_internal/components/generic-block-0d6ad5a6.js.map +0 -1
  583. package/_internal/components/grid-3b194fe8.js +0 -109
  584. package/_internal/components/grid-3b194fe8.js.map +0 -1
  585. package/_internal/components/grid-column-985b9327.js +0 -60
  586. package/_internal/components/grid-column-985b9327.js.map +0 -1
  587. package/_internal/components/heading-5e954dfc.js +0 -54
  588. package/_internal/components/heading-5e954dfc.js.map +0 -1
  589. package/_internal/components/icon-2e7345ad.js +0 -103
  590. package/_internal/components/icon-2e7345ad.js.map +0 -1
  591. package/_internal/components/image-block-8d21dd7e.js +0 -109
  592. package/_internal/components/image-block-8d21dd7e.js.map +0 -1
  593. package/_internal/components/image-lightbox-4a5ab962.js +0 -743
  594. package/_internal/components/image-lightbox-4a5ab962.js.map +0 -1
  595. package/_internal/components/inline-list-4884f004.js +0 -74
  596. package/_internal/components/inline-list-4884f004.js.map +0 -1
  597. package/_internal/components/input-helper-e644e05e.js +0 -73
  598. package/_internal/components/input-helper-e644e05e.js.map +0 -1
  599. package/_internal/components/input-label-5e509a1b.js +0 -61
  600. package/_internal/components/input-label-5e509a1b.js.map +0 -1
  601. package/_internal/components/lightbox-bec1b95f.js +0 -149
  602. package/_internal/components/lightbox-bec1b95f.js.map +0 -1
  603. package/_internal/components/link-9637b9e4.js +0 -70
  604. package/_internal/components/link-9637b9e4.js.map +0 -1
  605. package/_internal/components/link-preview-7a4a6e4b.js +0 -108
  606. package/_internal/components/link-preview-7a4a6e4b.js.map +0 -1
  607. package/_internal/components/list-5c8f7122.js +0 -77
  608. package/_internal/components/list-5c8f7122.js.map +0 -1
  609. package/_internal/components/message-a67067d9.js +0 -96
  610. package/_internal/components/message-a67067d9.js.map +0 -1
  611. package/_internal/components/mosaic-92b66c80.js +0 -92
  612. package/_internal/components/mosaic-92b66c80.js.map +0 -1
  613. package/_internal/components/navigation-4fd3917d.js +0 -210
  614. package/_internal/components/navigation-4fd3917d.js.map +0 -1
  615. package/_internal/components/notification-9063c963.js +0 -140
  616. package/_internal/components/notification-9063c963.js.map +0 -1
  617. package/_internal/components/popover-3c4c54bd.js +0 -3
  618. package/_internal/components/popover-3c4c54bd.js.map +0 -1
  619. package/_internal/components/post-block-0cfc2206.js +0 -99
  620. package/_internal/components/post-block-0cfc2206.js.map +0 -1
  621. package/_internal/components/progress-eaf5b33d.js +0 -188
  622. package/_internal/components/progress-eaf5b33d.js.map +0 -1
  623. package/_internal/components/progress-tracker-4a65718d.js +0 -309
  624. package/_internal/components/progress-tracker-4a65718d.js.map +0 -1
  625. package/_internal/components/radio-button-3ef8a325.js +0 -148
  626. package/_internal/components/radio-button-3ef8a325.js.map +0 -1
  627. package/_internal/components/select-d46cfe35.js +0 -404
  628. package/_internal/components/select-d46cfe35.js.map +0 -1
  629. package/_internal/components/side-navigation-75b22f19.js +0 -159
  630. package/_internal/components/side-navigation-75b22f19.js.map +0 -1
  631. package/_internal/components/skeleton-361ce335.js +0 -174
  632. package/_internal/components/skeleton-361ce335.js.map +0 -1
  633. package/_internal/components/slider-8094cb5c.js +0 -305
  634. package/_internal/components/slider-8094cb5c.js.map +0 -1
  635. package/_internal/components/slideshow-2e8cd372.js +0 -150
  636. package/_internal/components/slideshow-2e8cd372.js.map +0 -1
  637. package/_internal/components/switch-5516949b.js +0 -118
  638. package/_internal/components/switch-5516949b.js.map +0 -1
  639. package/_internal/components/table-fa198ee6.js +0 -299
  640. package/_internal/components/table-fa198ee6.js.map +0 -1
  641. package/_internal/components/tabs-bb9bc2a5.js +0 -298
  642. package/_internal/components/tabs-bb9bc2a5.js.map +0 -1
  643. package/_internal/components/text-289c0526.js +0 -2
  644. package/_internal/components/text-289c0526.js.map +0 -1
  645. package/_internal/components/text-field-82733568.js +0 -346
  646. package/_internal/components/text-field-82733568.js.map +0 -1
  647. package/_internal/components/thumbnail-e3acff82.js +0 -42
  648. package/_internal/components/thumbnail-e3acff82.js.map +0 -1
  649. package/_internal/components/toolbar-155562be.js +0 -60
  650. package/_internal/components/toolbar-155562be.js.map +0 -1
  651. package/_internal/components/tooltip-84ffb4f9.js +0 -318
  652. package/_internal/components/tooltip-84ffb4f9.js.map +0 -1
  653. package/_internal/components/uploader-896a1d89.js +0 -150
  654. package/_internal/components/uploader-896a1d89.js.map +0 -1
  655. package/_internal/components/user-block-8fd15895.js +0 -143
  656. package/_internal/components/user-block-8fd15895.js.map +0 -1
  657. package/_internal/constants-b9e57936.js +0 -2155
  658. package/_internal/constants-b9e57936.js.map +0 -1
  659. package/_internal/constants-d0e3f49e.js +0 -24
  660. package/_internal/constants-d0e3f49e.js.map +0 -1
  661. package/_internal/context-21aeb1c7.js +0 -19
  662. package/_internal/context-21aeb1c7.js.map +0 -1
  663. package/_internal/forwardRef-49d2bb84.js +0 -80
  664. package/_internal/forwardRef-49d2bb84.js.map +0 -1
  665. package/_internal/getFocusableElements-230173a8.js +0 -13
  666. package/_internal/getFocusableElements-230173a8.js.map +0 -1
  667. package/_internal/index-b4d256e7.js +0 -118
  668. package/_internal/index-b4d256e7.js.map +0 -1
  669. package/_internal/index-f415b08e.js +0 -430
  670. package/_internal/index-f415b08e.js.map +0 -1
  671. package/_internal/isComponent-78df9309.js +0 -20
  672. package/_internal/isComponent-78df9309.js.map +0 -1
  673. package/_internal/isComponentType-e806b848.js +0 -9
  674. package/_internal/isComponentType-e806b848.js.map +0 -1
  675. package/_internal/mergeRefs-f0d7d6ea.js +0 -30
  676. package/_internal/mergeRefs-f0d7d6ea.js.map +0 -1
  677. package/_internal/partitionMulti-4daccdd5.js.map +0 -1
  678. package/_internal/state-db358714.js +0 -130
  679. package/_internal/state-db358714.js.map +0 -1
  680. package/_internal/useBooleanState-2a3d237c.js +0 -12
  681. package/_internal/useBooleanState-2a3d237c.js.map +0 -1
  682. package/_internal/useCallbackOnEscape-ea4d9eb4.js +0 -62
  683. package/_internal/useCallbackOnEscape-ea4d9eb4.js.map +0 -1
  684. package/_internal/useDisableBodyScroll-36bd7352.js +0 -219
  685. package/_internal/useDisableBodyScroll-36bd7352.js.map +0 -1
  686. package/_internal/useDisableStateProps-fffc365f.js +0 -36
  687. package/_internal/useDisableStateProps-fffc365f.js.map +0 -1
  688. package/_internal/useFocusTrap-c3c6378b.js +0 -112
  689. package/_internal/useFocusTrap-c3c6378b.js.map +0 -1
  690. package/_internal/useId-3a1facc0.js +0 -18
  691. package/_internal/useId-3a1facc0.js.map +0 -1
  692. package/_internal/useRovingTabIndex-7daf0f24.js +0 -77
  693. package/_internal/useRovingTabIndex-7daf0f24.js.map +0 -1
  694. package/_internal/useTransitionVisibility-321fdbfa.js +0 -50
  695. package/_internal/useTransitionVisibility-321fdbfa.js.map +0 -1
  696. package/_internal/wrapChildrenIconWithSpaces-f86106ce.js +0 -20
  697. package/_internal/wrapChildrenIconWithSpaces-f86106ce.js.map +0 -1
@@ -1,188 +0,0 @@
1
- import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
2
- import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
3
- import { u as useTheme } from '../ThemeContext-3181f000.js';
4
- import { Theme, Size } from '@lumx/core/js/constants';
5
-
6
- /**
7
- * Component display name.
8
- */
9
- const COMPONENT_NAME$2 = 'ProgressLinear';
10
-
11
- /**
12
- * Component default class name and class prefix.
13
- */
14
- const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2);
15
-
16
- /**
17
- * Component default props.
18
- */
19
- const DEFAULT_PROPS$2 = {};
20
-
21
- /**
22
- * ProgressLinear component.
23
- *
24
- * @param props Component props.
25
- * @param ref Component ref.
26
- * @return React element.
27
- */
28
- const ProgressLinear = forwardRef((props, ref) => {
29
- const defaultTheme = useTheme() || Theme.light;
30
- const {
31
- className,
32
- theme = defaultTheme,
33
- ...forwardedProps
34
- } = props;
35
- return /*#__PURE__*/React.createElement("div", _extends({
36
- ref: ref
37
- }, forwardedProps, {
38
- className: classNames(className, handleBasicClasses({
39
- prefix: CLASSNAME$2,
40
- theme
41
- }))
42
- }), /*#__PURE__*/React.createElement("div", {
43
- className: "lumx-progress-linear__line1"
44
- }), /*#__PURE__*/React.createElement("div", {
45
- className: "lumx-progress-linear__line2"
46
- }));
47
- });
48
- ProgressLinear.displayName = COMPONENT_NAME$2;
49
- ProgressLinear.className = CLASSNAME$2;
50
- ProgressLinear.defaultProps = DEFAULT_PROPS$2;
51
-
52
- /**
53
- * Progress sizes.
54
- */
55
-
56
- /**
57
- * Defines the props of the component.
58
- */
59
-
60
- /**
61
- * Component display name.
62
- */
63
- const COMPONENT_NAME$1 = 'ProgressCircular';
64
-
65
- /**
66
- * Component default class name and class prefix.
67
- */
68
- const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
69
-
70
- /**
71
- * Component default props.
72
- */
73
- const DEFAULT_PROPS$1 = {
74
- size: Size.m,
75
- display: 'block'
76
- };
77
-
78
- /**
79
- * ProgressCircularProps component.
80
- *
81
- * @param props Component props.
82
- * @param ref Component ref.
83
- * @return React element.
84
- */
85
- const ProgressCircular = forwardRef((props, ref) => {
86
- const defaultTheme = useTheme() || Theme.light;
87
- const {
88
- className,
89
- theme = defaultTheme,
90
- size = DEFAULT_PROPS$1.size,
91
- display = DEFAULT_PROPS$1.display,
92
- ...forwardedProps
93
- } = props;
94
- const Element = display === 'block' ? 'div' : 'span';
95
- return /*#__PURE__*/React.createElement(Element, _extends({
96
- ref: ref
97
- }, forwardedProps, {
98
- className: classNames(className, handleBasicClasses({
99
- prefix: CLASSNAME$1,
100
- theme,
101
- size,
102
- display
103
- }))
104
- }), /*#__PURE__*/React.createElement(Element, {
105
- className: "lumx-progress-circular__double-bounce1"
106
- }), /*#__PURE__*/React.createElement(Element, {
107
- className: "lumx-progress-circular__double-bounce2"
108
- }), /*#__PURE__*/React.createElement("svg", {
109
- className: "lumx-progress-circular__svg",
110
- viewBox: "25 25 50 50"
111
- }, /*#__PURE__*/React.createElement("circle", {
112
- className: "lumx-progress-circular__path",
113
- cx: "50",
114
- cy: "50",
115
- r: "20",
116
- fill: "none",
117
- strokeWidth: "5"
118
- })));
119
- });
120
- ProgressCircular.displayName = COMPONENT_NAME$1;
121
- ProgressCircular.className = CLASSNAME$1;
122
- ProgressCircular.defaultProps = DEFAULT_PROPS$1;
123
-
124
- /**
125
- * Progress variants.
126
- */
127
- const ProgressVariant = {
128
- linear: 'linear',
129
- circular: 'circular'
130
- };
131
-
132
- /**
133
- * Defines the props of the component.
134
- */
135
-
136
- /**
137
- * Component display name.
138
- */
139
- const COMPONENT_NAME = 'Progress';
140
-
141
- /**
142
- * Component default class name and class prefix.
143
- */
144
- const CLASSNAME = getRootClassName(COMPONENT_NAME);
145
-
146
- /**
147
- * Component default props.
148
- */
149
- const DEFAULT_PROPS = {
150
- variant: ProgressVariant.circular
151
- };
152
-
153
- /**
154
- * Progress component.
155
- *
156
- * @deprecated use `ProgressLinear` and `ProgressCircular` instead.
157
- * @param props Component props.
158
- * @param ref Component ref.
159
- * @return React element.
160
- */
161
- const Progress = forwardRef((props, ref) => {
162
- const defaultTheme = useTheme() || Theme.light;
163
- const {
164
- className,
165
- theme = defaultTheme,
166
- variant = DEFAULT_PROPS.variant,
167
- ...forwardedProps
168
- } = props;
169
- return /*#__PURE__*/React.createElement("div", _extends({
170
- ref: ref
171
- }, forwardedProps, {
172
- className: classNames(className, handleBasicClasses({
173
- prefix: CLASSNAME,
174
- theme,
175
- variant
176
- }))
177
- }), variant === ProgressVariant.circular && /*#__PURE__*/React.createElement(ProgressCircular, {
178
- theme: theme
179
- }), variant === ProgressVariant.linear && /*#__PURE__*/React.createElement(ProgressLinear, {
180
- theme: theme
181
- }));
182
- });
183
- Progress.displayName = COMPONENT_NAME;
184
- Progress.className = CLASSNAME;
185
- Progress.defaultProps = DEFAULT_PROPS;
186
-
187
- export { Progress, ProgressCircular, ProgressLinear, ProgressVariant };
188
- //# sourceMappingURL=progress-eaf5b33d.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"progress-eaf5b33d.js","sources":["../../../src/components/progress/ProgressLinear.tsx","../../../src/components/progress/ProgressCircular.tsx","../../../src/components/progress/Progress.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport interface ProgressLinearProps extends GenericProps, HasTheme {}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressLinear';\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<ProgressLinearProps> = {};\n\n/**\n * ProgressLinear component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const ProgressLinear = forwardRef<ProgressLinearProps, HTMLDivElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const { className, theme = defaultTheme, ...forwardedProps } = props;\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }))}\n >\n <div className=\"lumx-progress-linear__line1\" />\n <div className=\"lumx-progress-linear__line2\" />\n </div>\n );\n});\nProgressLinear.displayName = COMPONENT_NAME;\nProgressLinear.className = CLASSNAME;\nProgressLinear.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { Theme, Size } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Progress sizes.\n */\nexport type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressCircularProps extends GenericProps, HasTheme {\n /**\n * Progress circular size.\n */\n size?: ProgressCircularSize;\n /**\n * Progress display type (inline or block).\n * @default 'block'\n */\n display?: 'inline' | 'block';\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressCircular';\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<ProgressCircularProps> = {\n size: Size.m,\n display: 'block',\n};\n\n/**\n * ProgressCircularProps component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const ProgressCircular = forwardRef<ProgressCircularProps, HTMLDivElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const {\n className,\n theme = defaultTheme,\n size = DEFAULT_PROPS.size,\n display = DEFAULT_PROPS.display,\n ...forwardedProps\n } = props;\n const Element = display === 'block' ? 'div' : 'span';\n\n return (\n <Element\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, size, display }))}\n >\n <Element className=\"lumx-progress-circular__double-bounce1\" />\n <Element className=\"lumx-progress-circular__double-bounce2\" />\n\n <svg className=\"lumx-progress-circular__svg\" viewBox=\"25 25 50 50\">\n <circle className=\"lumx-progress-circular__path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" strokeWidth=\"5\" />\n </svg>\n </Element>\n );\n});\nProgressCircular.displayName = COMPONENT_NAME;\nProgressCircular.className = CLASSNAME;\nProgressCircular.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { ProgressLinear } from './ProgressLinear';\nimport { ProgressCircular } from './ProgressCircular';\n\n/**\n * Progress variants.\n */\nexport const ProgressVariant = { linear: 'linear', circular: 'circular' } as const;\nexport type ProgressVariant = ValueOf<typeof ProgressVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressProps extends GenericProps, HasTheme {\n /** Progress variant. */\n variant?: ProgressVariant;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Progress';\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<ProgressProps> = {\n variant: ProgressVariant.circular,\n};\n\n/**\n * Progress component.\n *\n * @deprecated use `ProgressLinear` and `ProgressCircular` instead.\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Progress = forwardRef<ProgressProps, HTMLDivElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const { className, theme = defaultTheme, variant = DEFAULT_PROPS.variant, ...forwardedProps } = props;\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, variant }))}\n >\n {variant === ProgressVariant.circular && <ProgressCircular theme={theme} />}\n {variant === ProgressVariant.linear && <ProgressLinear theme={theme} />}\n </div>\n );\n});\nProgress.displayName = COMPONENT_NAME;\nProgress.className = CLASSNAME;\nProgress.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","ProgressLinear","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","forwardedProps","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps","size","Size","m","display","ProgressCircular","Element","viewBox","cx","cy","r","fill","strokeWidth","ProgressVariant","linear","circular","variant","Progress"],"mappings":"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"}
@@ -1,309 +0,0 @@
1
- import React__default, { useReducer, useEffect, useCallback } from 'react';
2
- import { r as reducer, I as INIT_STATE, T as TabProviderContext, u as useTabProviderContextState, a as useTabProviderContext } from '../state-db358714.js';
3
- import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
4
- import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
5
- import { m as mergeRefs } from '../mergeRefs-f0d7d6ea.js';
6
- import { u as useRovingTabIndex } from '../useRovingTabIndex-7daf0f24.js';
7
- import { mdiCheckCircle, mdiAlertCircle, mdiRadioboxMarked, mdiRadioboxBlank } from '@lumx/icons';
8
- import { u as useDisableStateProps } from '../useDisableStateProps-fffc365f.js';
9
- import { Icon } from './icon-2e7345ad.js';
10
- import { Size, Kind, CSS_PREFIX } from '@lumx/core/js/constants';
11
- import { InputLabel } from './input-label-5e509a1b.js';
12
- import { InputHelper } from './input-helper-e644e05e.js';
13
- import '../constants-d0e3f49e.js';
14
-
15
- const DEFAULT_PROPS$3 = {
16
- isLazy: INIT_STATE.isLazy,
17
- shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
18
- };
19
-
20
- /**
21
- * This component provides a context in which steps can be defined and linked to their step panel.
22
- *
23
- * It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel
24
- * components in the react tree.
25
- *
26
- * This works exactly as TabProvider so it uses TabProviderContext and tabs state.
27
- *
28
- * @param props React component props.
29
- * @return React element.
30
- */
31
- const ProgressTrackerProvider = props => {
32
- const {
33
- children,
34
- onChange,
35
- ...propState
36
- } = props;
37
- const [state, dispatch] = useReducer(reducer, INIT_STATE);
38
-
39
- // On prop state change => dispatch update.
40
- useEffect(() => {
41
- dispatch({
42
- type: 'update',
43
- payload: {
44
- ...DEFAULT_PROPS$3,
45
- ...propState,
46
- activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex
47
- }
48
- });
49
- },
50
- // eslint-disable-next-line react-hooks/exhaustive-deps
51
- [dispatch, ...Object.values(propState)]);
52
-
53
- // On active tab index state change => send update to the onChange.
54
- useEffect(() => {
55
- if (state === INIT_STATE || !onChange || propState.activeStepIndex === state.activeTabIndex) {
56
- return;
57
- }
58
- onChange(state.activeTabIndex);
59
- },
60
- // eslint-disable-next-line react-hooks/exhaustive-deps
61
- [onChange, state.activeTabIndex]);
62
- return /*#__PURE__*/React.createElement(TabProviderContext.Provider, {
63
- value: [state, dispatch]
64
- }, children);
65
- };
66
- ProgressTrackerProvider.defaultProps = DEFAULT_PROPS$3;
67
-
68
- /**
69
- * Defines the props of the component.
70
- */
71
-
72
- /**
73
- * Component display name.
74
- */
75
- const COMPONENT_NAME$2 = 'ProgressTracker';
76
-
77
- /**
78
- * Component default class name and class prefix.
79
- */
80
- const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2);
81
-
82
- /**
83
- * Component default props.
84
- */
85
- const DEFAULT_PROPS$2 = {};
86
-
87
- /**
88
- * ProgressTracker component.
89
- *
90
- * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
91
- *
92
- * @param props Component props.
93
- * @param ref Component ref.
94
- * @return React element.
95
- */
96
- const ProgressTracker = forwardRef((props, ref) => {
97
- const {
98
- 'aria-label': ariaLabel,
99
- children,
100
- className,
101
- ...forwardedProps
102
- } = props;
103
- const stepListRef = React__default.useRef(null);
104
- useRovingTabIndex({
105
- parentRef: stepListRef,
106
- elementSelector: '[role="tab"]',
107
- keepTabIndex: false,
108
- extraDependencies: [children]
109
- });
110
- const state = useTabProviderContextState();
111
- const numberOfSteps = state?.ids?.tab?.length || 0;
112
- const backgroundPosition = numberOfSteps > 0 ? 100 / (numberOfSteps * 2) : 0;
113
- const trackPosition = numberOfSteps > 0 ? 100 / (numberOfSteps - 1) * (state?.activeTabIndex || 0) / 100 : 0;
114
- return /*#__PURE__*/React__default.createElement("div", _extends({
115
- ref: mergeRefs(ref, stepListRef)
116
- }, forwardedProps, {
117
- className: classNames(className, CLASSNAME$2)
118
- }), /*#__PURE__*/React__default.createElement("div", {
119
- className: `${CLASSNAME$2}__steps`,
120
- role: "tablist",
121
- "aria-label": ariaLabel
122
- }, children), /*#__PURE__*/React__default.createElement("div", {
123
- className: `${CLASSNAME$2}__background-bar`,
124
- style: {
125
- left: `${backgroundPosition}%`,
126
- right: `${backgroundPosition}%`
127
- }
128
- }), /*#__PURE__*/React__default.createElement("div", {
129
- className: `${CLASSNAME$2}__foreground-bar`,
130
- style: {
131
- left: `${backgroundPosition}%`,
132
- right: `${backgroundPosition}%`,
133
- transform: `scaleX(${trackPosition})`
134
- }
135
- }));
136
- });
137
- ProgressTracker.displayName = COMPONENT_NAME$2;
138
- ProgressTracker.className = CLASSNAME$2;
139
- ProgressTracker.defaultProps = DEFAULT_PROPS$2;
140
-
141
- /**
142
- * Defines the props of the component.
143
- */
144
-
145
- /**
146
- * Component display name.
147
- */
148
- const COMPONENT_NAME$1 = 'ProgressTrackerStep';
149
-
150
- /**
151
- * Component default class name and class prefix.
152
- */
153
- const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
154
-
155
- /**
156
- * Component default props.
157
- */
158
- const DEFAULT_PROPS$1 = {};
159
-
160
- /**
161
- * ProgressTrackerStep component.
162
- *
163
- * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
164
- *
165
- * @param props Component props.
166
- * @param ref Component ref.
167
- * @return React element.
168
- */
169
- const ProgressTrackerStep = forwardRef((props, ref) => {
170
- const {
171
- isAnyDisabled,
172
- otherProps
173
- } = useDisableStateProps(props);
174
- const {
175
- className,
176
- hasError,
177
- helper,
178
- id,
179
- isActive: propIsActive,
180
- isComplete,
181
- label,
182
- onFocus,
183
- onKeyPress,
184
- tabIndex = -1,
185
- ...forwardedProps
186
- } = otherProps;
187
- const state = useTabProviderContext('tab', id);
188
- const isActive = propIsActive || state?.isActive;
189
- const changeToCurrentTab = useCallback(() => {
190
- if (isAnyDisabled) {
191
- return;
192
- }
193
- state?.changeToTab();
194
- }, [isAnyDisabled, state]);
195
- const handleFocus = useCallback(event => {
196
- onFocus?.(event);
197
- if (state?.shouldActivateOnFocus) {
198
- changeToCurrentTab();
199
- }
200
- }, [changeToCurrentTab, onFocus, state?.shouldActivateOnFocus]);
201
- const handleKeyPress = useCallback(event => {
202
- onKeyPress?.(event);
203
- if (event.key !== 'Enter') {
204
- return;
205
- }
206
- changeToCurrentTab();
207
- }, [changeToCurrentTab, onKeyPress]);
208
- const getIcon = () => {
209
- if (isComplete) {
210
- return mdiCheckCircle;
211
- }
212
- if (isActive) {
213
- return hasError ? mdiAlertCircle : mdiRadioboxMarked;
214
- }
215
- return mdiRadioboxBlank;
216
- };
217
- return /*#__PURE__*/React.createElement("button", _extends({
218
- ref: ref
219
- }, forwardedProps, {
220
- type: "button",
221
- id: state?.tabId,
222
- className: classNames(className, handleBasicClasses({
223
- prefix: CLASSNAME$1,
224
- hasError,
225
- isActive,
226
- isClickable: state && !isAnyDisabled,
227
- isComplete
228
- })),
229
- onClick: changeToCurrentTab,
230
- onKeyPress: handleKeyPress,
231
- onFocus: handleFocus,
232
- role: "tab",
233
- tabIndex: isActive ? 0 : tabIndex,
234
- "aria-disabled": isAnyDisabled,
235
- "aria-selected": isActive,
236
- "aria-controls": state?.tabPanelId
237
- }), /*#__PURE__*/React.createElement(Icon, {
238
- className: `${CLASSNAME$1}__state`,
239
- icon: getIcon(),
240
- size: Size.s
241
- }), /*#__PURE__*/React.createElement(InputLabel, {
242
- htmlFor: state?.tabId || '',
243
- className: `${CLASSNAME$1}__label`
244
- }, label), helper && /*#__PURE__*/React.createElement(InputHelper, {
245
- kind: hasError ? Kind.error : Kind.info,
246
- className: `${CLASSNAME$1}__helper`
247
- }, helper));
248
- });
249
- ProgressTrackerStep.displayName = COMPONENT_NAME$1;
250
- ProgressTrackerStep.className = CLASSNAME$1;
251
- ProgressTrackerStep.defaultProps = DEFAULT_PROPS$1;
252
-
253
- /**
254
- * Defines the props of the component.
255
- */
256
-
257
- /**
258
- * Component display name.
259
- */
260
- const COMPONENT_NAME = 'ProgressTrackerStepPanel';
261
-
262
- /**
263
- * Component default class name and class prefix.
264
- */
265
- const CLASSNAME = `${CSS_PREFIX}-step-panel`;
266
-
267
- /**
268
- * Component default props.
269
- */
270
- const DEFAULT_PROPS = {};
271
-
272
- /**
273
- * ProgressTrackerStepPanel component.
274
- *
275
- * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
276
- *
277
- * @param props Component props.
278
- * @param ref Component ref.
279
- * @return React element.
280
- */
281
- const ProgressTrackerStepPanel = forwardRef((props, ref) => {
282
- const {
283
- children,
284
- id,
285
- className,
286
- isActive: propIsActive,
287
- ...forwardedProps
288
- } = props;
289
- const state = useTabProviderContext('tabPanel', id);
290
- const isActive = propIsActive || state?.isActive;
291
- return /*#__PURE__*/React.createElement("div", _extends({
292
- ref: ref
293
- }, forwardedProps, {
294
- id: state?.tabPanelId,
295
- className: classNames(className, handleBasicClasses({
296
- prefix: CLASSNAME,
297
- isActive
298
- })),
299
- role: "tabpanel",
300
- tabIndex: isActive ? 0 : -1,
301
- "aria-labelledby": state?.tabId
302
- }), (!state?.isLazy || isActive) && children);
303
- });
304
- ProgressTrackerStepPanel.displayName = COMPONENT_NAME;
305
- ProgressTrackerStepPanel.className = CLASSNAME;
306
- ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS;
307
-
308
- export { ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel };
309
- //# sourceMappingURL=progress-tracker-4a65718d.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"progress-tracker-4a65718d.js","sources":["../../../src/components/progress-tracker/ProgressTrackerProvider.tsx","../../../src/components/progress-tracker/ProgressTracker.tsx","../../../src/components/progress-tracker/ProgressTrackerStep.tsx","../../../src/components/progress-tracker/ProgressTrackerStepPanel.tsx"],"sourcesContent":["import { ReactNode, useEffect, useReducer } from 'react';\nimport { INIT_STATE, TabProviderContext, reducer } from '../tabs/state';\n\nexport interface ProgressTrackerProviderProps {\n /** Active step index. */\n activeStepIndex?: number;\n /** ProgressTrackerProvider children. */\n children: ReactNode;\n /** Step panel children should not render if the step panel is hidden. */\n isLazy?: boolean;\n /** Activate tabs on focus. */\n shouldActivateOnFocus?: boolean;\n /** Step change callback. */\n onChange?(index: number): void;\n}\n\nconst DEFAULT_PROPS: Partial<ProgressTrackerProviderProps> = {\n isLazy: INIT_STATE.isLazy,\n shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus,\n};\n\n/**\n * This component provides a context in which steps can be defined and linked to their step panel.\n *\n * It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel\n * components in the react tree.\n *\n * This works exactly as TabProvider so it uses TabProviderContext and tabs state.\n *\n * @param props React component props.\n * @return React element.\n */\nexport const ProgressTrackerProvider: React.FC<ProgressTrackerProviderProps> = (props) => {\n const { children, onChange, ...propState } = props;\n const [state, dispatch] = useReducer(reducer, INIT_STATE);\n\n // On prop state change => dispatch update.\n useEffect(\n () => {\n dispatch({\n type: 'update',\n payload: {\n ...DEFAULT_PROPS,\n ...propState,\n activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex,\n },\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [dispatch, ...Object.values(propState)],\n );\n\n // On active tab index state change => send update to the onChange.\n useEffect(\n () => {\n if (state === INIT_STATE || !onChange || propState.activeStepIndex === state.activeTabIndex) {\n return;\n }\n onChange(state.activeTabIndex);\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [onChange, state.activeTabIndex],\n );\n\n return <TabProviderContext.Provider value={[state, dispatch]}>{children}</TabProviderContext.Provider>;\n};\nProgressTrackerProvider.defaultProps = DEFAULT_PROPS;\n","import React, { 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 { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { useTabProviderContextState } from '../tabs/state';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerProps extends GenericProps {\n /** ARIA label (purpose of the set of steps). */\n ['aria-label']: string;\n /** Step list. */\n children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTracker';\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<ProgressTrackerProps> = {};\n\n/**\n * ProgressTracker component.\n *\n * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const ProgressTracker = forwardRef<ProgressTrackerProps, HTMLDivElement>((props, ref) => {\n const { 'aria-label': ariaLabel, children, className, ...forwardedProps } = props;\n const stepListRef = React.useRef(null);\n useRovingTabIndex({\n parentRef: stepListRef,\n elementSelector: '[role=\"tab\"]',\n keepTabIndex: false,\n extraDependencies: [children],\n });\n\n const state = useTabProviderContextState();\n const numberOfSteps = state?.ids?.tab?.length || 0;\n const backgroundPosition: number = numberOfSteps > 0 ? 100 / (numberOfSteps * 2) : 0;\n const trackPosition: number =\n numberOfSteps > 0 ? ((100 / (numberOfSteps - 1)) * (state?.activeTabIndex || 0)) / 100 : 0;\n\n return (\n <div ref={mergeRefs(ref, stepListRef)} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n <div className={`${CLASSNAME}__steps`} role=\"tablist\" aria-label={ariaLabel}>\n {children}\n </div>\n\n <div\n className={`${CLASSNAME}__background-bar`}\n style={{ left: `${backgroundPosition}%`, right: `${backgroundPosition}%` }}\n />\n\n <div\n className={`${CLASSNAME}__foreground-bar`}\n style={{\n left: `${backgroundPosition}%`,\n right: `${backgroundPosition}%`,\n transform: `scaleX(${trackPosition})`,\n }}\n />\n </div>\n );\n});\nProgressTracker.displayName = COMPONENT_NAME;\nProgressTracker.className = CLASSNAME;\nProgressTracker.defaultProps = DEFAULT_PROPS;\n","import { FocusEventHandler, KeyboardEventHandler, useCallback } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiRadioboxBlank, mdiRadioboxMarked } from '@lumx/icons';\nimport { Icon, InputHelper, InputLabel, Kind, Size } 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\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { useTabProviderContext } from '../tabs/state';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerStepProps extends GenericProps {\n /** Children are not supported. */\n children?: never;\n /** Whether the step should be in error state or not. */\n hasError?: boolean;\n /** Helper text. */\n helper?: string | null;\n /** Native id property. */\n id?: string;\n /** Whether the current step is active or not. */\n isActive?: boolean;\n /** Whether the current step is completed or not. */\n isComplete?: boolean;\n /** Whether the component is disabled or not. */\n isDisabled?: boolean;\n /** Label text. */\n label?: string | null;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTrackerStep';\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<ProgressTrackerStepProps> = {};\n\n/**\n * ProgressTrackerStep component.\n *\n * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const ProgressTrackerStep = forwardRef<ProgressTrackerStepProps, HTMLButtonElement>((props, ref) => {\n const { isAnyDisabled, otherProps } = useDisableStateProps(props);\n const {\n className,\n hasError,\n helper,\n id,\n isActive: propIsActive,\n isComplete,\n label,\n onFocus,\n onKeyPress,\n tabIndex = -1,\n ...forwardedProps\n } = otherProps;\n const state = useTabProviderContext('tab', id);\n const isActive = propIsActive || state?.isActive;\n\n const changeToCurrentTab = useCallback(() => {\n if (isAnyDisabled) {\n return;\n }\n state?.changeToTab();\n }, [isAnyDisabled, state]);\n\n const handleFocus: FocusEventHandler = useCallback(\n (event) => {\n onFocus?.(event);\n if (state?.shouldActivateOnFocus) {\n changeToCurrentTab();\n }\n },\n [changeToCurrentTab, onFocus, state?.shouldActivateOnFocus],\n );\n\n const handleKeyPress: KeyboardEventHandler = useCallback(\n (event) => {\n onKeyPress?.(event);\n if (event.key !== 'Enter') {\n return;\n }\n changeToCurrentTab();\n },\n [changeToCurrentTab, onKeyPress],\n );\n\n const getIcon = (): string => {\n if (isComplete) {\n return mdiCheckCircle;\n }\n\n if (isActive) {\n return hasError ? mdiAlertCircle : mdiRadioboxMarked;\n }\n\n return mdiRadioboxBlank;\n };\n\n return (\n <button\n ref={ref}\n {...forwardedProps}\n type=\"button\"\n id={state?.tabId}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n hasError,\n isActive,\n isClickable: state && !isAnyDisabled,\n isComplete,\n }),\n )}\n onClick={changeToCurrentTab}\n onKeyPress={handleKeyPress}\n onFocus={handleFocus}\n role=\"tab\"\n tabIndex={isActive ? 0 : tabIndex}\n aria-disabled={isAnyDisabled}\n aria-selected={isActive}\n aria-controls={state?.tabPanelId}\n >\n <Icon className={`${CLASSNAME}__state`} icon={getIcon()} size={Size.s} />\n\n <InputLabel htmlFor={state?.tabId || ''} className={`${CLASSNAME}__label`}>\n {label}\n </InputLabel>\n\n {helper && (\n <InputHelper kind={hasError ? Kind.error : Kind.info} className={`${CLASSNAME}__helper`}>\n {helper}\n </InputHelper>\n )}\n </button>\n );\n});\nProgressTrackerStep.displayName = COMPONENT_NAME;\nProgressTrackerStep.className = CLASSNAME;\nProgressTrackerStep.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { useTabProviderContext } from '@lumx/react/components/tabs/state';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { 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 ProgressTrackerStepPanelProps extends GenericProps {\n /** Native id property. */\n id?: string;\n /** Whether the step is active or not. */\n isActive?: boolean;\n /** Children */\n children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTrackerStepPanel';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = `${CSS_PREFIX}-step-panel`;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ProgressTrackerStepPanelProps> = {};\n\n/**\n * ProgressTrackerStepPanel component.\n *\n * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const ProgressTrackerStepPanel = forwardRef<ProgressTrackerStepPanelProps, HTMLDivElement>((props, ref) => {\n const { children, id, className, isActive: propIsActive, ...forwardedProps } = props;\n\n const state = useTabProviderContext('tabPanel', id);\n const isActive = propIsActive || state?.isActive;\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n id={state?.tabPanelId}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, isActive }))}\n role=\"tabpanel\"\n tabIndex={isActive ? 0 : -1}\n aria-labelledby={state?.tabId}\n >\n {(!state?.isLazy || isActive) && children}\n </div>\n );\n});\nProgressTrackerStepPanel.displayName = COMPONENT_NAME;\nProgressTrackerStepPanel.className = CLASSNAME;\nProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS;\n"],"names":["DEFAULT_PROPS","isLazy","INIT_STATE","shouldActivateOnFocus","ProgressTrackerProvider","props","children","onChange","propState","state","dispatch","useReducer","reducer","useEffect","type","payload","activeTabIndex","activeStepIndex","Object","values","React","createElement","TabProviderContext","Provider","value","defaultProps","COMPONENT_NAME","CLASSNAME","getRootClassName","ProgressTracker","forwardRef","ref","ariaLabel","className","forwardedProps","stepListRef","useRef","useRovingTabIndex","parentRef","elementSelector","keepTabIndex","extraDependencies","useTabProviderContextState","numberOfSteps","ids","tab","length","backgroundPosition","trackPosition","_extends","mergeRefs","classNames","role","style","left","right","transform","displayName","ProgressTrackerStep","isAnyDisabled","otherProps","useDisableStateProps","hasError","helper","id","isActive","propIsActive","isComplete","label","onFocus","onKeyPress","tabIndex","useTabProviderContext","changeToCurrentTab","useCallback","changeToTab","handleFocus","event","handleKeyPress","key","getIcon","mdiCheckCircle","mdiAlertCircle","mdiRadioboxMarked","mdiRadioboxBlank","tabId","handleBasicClasses","prefix","isClickable","onClick","tabPanelId","Icon","icon","size","Size","s","InputLabel","htmlFor","InputHelper","kind","Kind","error","info","CSS_PREFIX","ProgressTrackerStepPanel"],"mappings":"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"}