@lumx/react 3.10.1-alpha.2 → 3.10.1-alpha.4

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 (334) hide show
  1. package/_internal/{8d67e1e3.d.ts → index.d.ts} +1 -1
  2. package/_internal/index.js +99 -0
  3. package/_internal/index.js.map +1 -0
  4. package/index.d.ts +3000 -66
  5. package/index.js +14561 -64
  6. package/index.js.map +1 -1
  7. package/package.json +3 -3
  8. package/src/components/button/Button.tsx +4 -5
  9. package/src/components/button/ButtonRoot.tsx +1 -3
  10. package/src/components/chip/Chip.tsx +7 -11
  11. package/src/components/date-picker/DatePickerControlled.tsx +1 -1
  12. package/src/components/dialog/Dialog.tsx +1 -1
  13. package/src/components/expansion-panel/ExpansionPanel.test.tsx +2 -2
  14. package/src/components/expansion-panel/ExpansionPanel.tsx +14 -18
  15. package/src/components/flex-box/FlexBox.tsx +1 -1
  16. package/src/components/generic-block/GenericBlock.tsx +6 -7
  17. package/src/components/generic-block/constants.ts +9 -4
  18. package/src/components/grid-column/GridColumn.tsx +1 -2
  19. package/src/components/image-lightbox/internal/ImageSlide.tsx +2 -2
  20. package/src/components/image-lightbox/internal/ImageSlideshow.tsx +4 -8
  21. package/src/components/image-lightbox/useImageLightbox.tsx +3 -4
  22. package/src/components/link/Link.tsx +3 -5
  23. package/src/components/list/ListItem.tsx +2 -3
  24. package/src/components/list/useInteractiveList.tsx +1 -2
  25. package/src/components/mosaic/Mosaic.test.tsx +3 -3
  26. package/src/components/mosaic/Mosaic.tsx +2 -3
  27. package/src/components/navigation/Navigation.tsx +42 -37
  28. package/src/components/navigation/NavigationSection.tsx +76 -79
  29. package/src/components/notification/Notification.tsx +1 -5
  30. package/src/components/popover/usePopoverStyle.tsx +3 -1
  31. package/src/components/popover/useRestoreFocusOnClose.tsx +1 -1
  32. package/src/components/popover-dialog/PopoverDialog.test.tsx +1 -1
  33. package/src/components/post-block/PostBlock.tsx +4 -8
  34. package/src/components/progress-tracker/ProgressTracker.stories.tsx +11 -11
  35. package/src/components/select/Select.stories.tsx +14 -5
  36. package/src/components/select/Select.test.tsx +2 -2
  37. package/src/components/select/Select.tsx +1 -2
  38. package/src/components/select/SelectMultiple.stories.tsx +12 -10
  39. package/src/components/side-navigation/SideNavigationItem.tsx +1 -1
  40. package/src/components/slideshow/Slides.tsx +1 -1
  41. package/src/components/slideshow/SlideshowControls.tsx +1 -1
  42. package/src/components/slideshow/useSlideFocusManagement.tsx +1 -1
  43. package/src/components/switch/Switch.tsx +1 -2
  44. package/src/components/tabs/Tabs.stories.tsx +3 -4
  45. package/src/components/text-field/TextField.test.tsx +4 -4
  46. package/src/components/text-field/TextField.tsx +2 -3
  47. package/src/components/tooltip/Tooltip.test.tsx +2 -2
  48. package/src/components/tooltip/useTooltipOpen.tsx +3 -3
  49. package/src/components/user-block/UserBlock.tsx +7 -9
  50. package/src/hooks/useCallbackOnEscape.ts +1 -1
  51. package/src/hooks/useClickAway.tsx +1 -2
  52. package/src/hooks/useFocusTrap.ts +1 -1
  53. package/src/hooks/useInterval.tsx +1 -4
  54. package/src/hooks/useKeyboardListNavigation.tsx +2 -4
  55. package/src/hooks/useSizeOnWindowResize.ts +14 -10
  56. package/src/hooks/useStopPropagation.ts +1 -2
  57. package/src/hooks/useTransitionVisibility.ts +2 -2
  58. package/src/stories/decorators/withCombinations.tsx +1 -1
  59. package/src/testing/utils/commonTestsSuiteRTL.tsx +2 -2
  60. package/src/utils/{DOM → browser/DOM}/startViewTransition.ts +3 -3
  61. package/src/utils/{focus → browser/focus}/getFirstAndLastFocusable.test.ts +1 -1
  62. package/src/utils/{focus → browser/focus}/getFocusableElements.test.ts +1 -1
  63. package/src/utils/{browserDoesNotSupportHover.test.js → browser/isHoverNotSupported.test.js} +5 -5
  64. package/src/utils/browser/isHoverNotSupported.ts +2 -0
  65. package/src/utils/browser/{getPrefersReducedMotion.ts → isReducedMotion.ts} +1 -1
  66. package/src/utils/className/getFontColorClassName.ts +9 -0
  67. package/src/utils/{className.ts → className/getRootClassName.ts} +1 -21
  68. package/src/utils/className/getTypographyClassName.ts +9 -0
  69. package/src/utils/className/index.ts +4 -0
  70. package/src/utils/collection/castArray.test.ts +15 -0
  71. package/src/utils/collection/castArray.ts +3 -0
  72. package/src/utils/collection/chunk.test.ts +15 -0
  73. package/src/utils/collection/chunk.ts +6 -0
  74. package/src/utils/collection/isEmpty.test.js +20 -0
  75. package/src/utils/collection/isEmpty.ts +4 -0
  76. package/src/utils/collection/last.ts +2 -0
  77. package/src/utils/collection/partitionMulti.test.ts +35 -0
  78. package/src/utils/{partitionMulti.ts → collection/partitionMulti.ts} +13 -12
  79. package/src/utils/collection/pull.test.ts +17 -0
  80. package/src/utils/collection/pull.ts +7 -0
  81. package/src/utils/collection/range.test.js +9 -0
  82. package/src/utils/collection/range.ts +2 -0
  83. package/src/utils/date/getMonthCalendar.ts +3 -4
  84. package/src/utils/flattenChildren.ts +2 -3
  85. package/src/utils/function/memoize.test.ts +36 -0
  86. package/src/utils/function/memoize.ts +13 -0
  87. package/src/utils/makeListenerTowerContext.ts +2 -2
  88. package/src/utils/partitionMulti.test.ts +27 -0
  89. package/src/utils/react/forwardRef.ts +3 -2
  90. package/src/utils/react/forwardRefPolymorphic.ts +1 -2
  91. package/utils/index.d.ts +1 -1
  92. package/utils/index.js +1 -96
  93. package/utils/index.js.map +1 -1
  94. package/_internal/17c3ea1d.js +0 -137
  95. package/_internal/17c3ea1d.js.map +0 -1
  96. package/_internal/1da25128.js +0 -411
  97. package/_internal/1da25128.js.map +0 -1
  98. package/_internal/230173a8.js +0 -13
  99. package/_internal/230173a8.js.map +0 -1
  100. package/_internal/23bdba2d.js +0 -71
  101. package/_internal/23bdba2d.js.map +0 -1
  102. package/_internal/26926e5c.d.ts +0 -36
  103. package/_internal/2a3d237c.js +0 -12
  104. package/_internal/2a3d237c.js.map +0 -1
  105. package/_internal/2c5dbb03.js +0 -26
  106. package/_internal/2c5dbb03.js.map +0 -1
  107. package/_internal/2e2abe51.js +0 -2154
  108. package/_internal/2e2abe51.js.map +0 -1
  109. package/_internal/31490c59.d.ts +0 -167
  110. package/_internal/3181f000.js +0 -14
  111. package/_internal/3181f000.js.map +0 -1
  112. package/_internal/35f100be.d.ts +0 -104
  113. package/_internal/36bd7352.js +0 -219
  114. package/_internal/36bd7352.js.map +0 -1
  115. package/_internal/3a1facc0.js +0 -18
  116. package/_internal/3a1facc0.js.map +0 -1
  117. package/_internal/4c20d932.js +0 -89
  118. package/_internal/4c20d932.js.map +0 -1
  119. package/_internal/4c28d012.js +0 -305
  120. package/_internal/4c28d012.js.map +0 -1
  121. package/_internal/4cd0bf32.js +0 -160
  122. package/_internal/4cd0bf32.js.map +0 -1
  123. package/_internal/4daccdd5.js +0 -25
  124. package/_internal/4daccdd5.js.map +0 -1
  125. package/_internal/524b1d04.js +0 -64
  126. package/_internal/524b1d04.js.map +0 -1
  127. package/_internal/53c94227.js +0 -123
  128. package/_internal/53c94227.js.map +0 -1
  129. package/_internal/54d9ded5.js +0 -418
  130. package/_internal/54d9ded5.js.map +0 -1
  131. package/_internal/56aec41b.js +0 -652
  132. package/_internal/56aec41b.js.map +0 -1
  133. package/_internal/5720caf5.js +0 -124
  134. package/_internal/5720caf5.js.map +0 -1
  135. package/_internal/646f0db6.js +0 -113
  136. package/_internal/646f0db6.js.map +0 -1
  137. package/_internal/6cc8dca8.d.ts +0 -22
  138. package/_internal/7f022f8c.d.ts +0 -34
  139. package/_internal/b8f2948d.js +0 -691
  140. package/_internal/b8f2948d.js.map +0 -1
  141. package/_internal/bc28d510.js +0 -784
  142. package/_internal/bc28d510.js.map +0 -1
  143. package/_internal/c68d24e4.js +0 -145
  144. package/_internal/c68d24e4.js.map +0 -1
  145. package/_internal/c6c99f76.js +0 -105
  146. package/_internal/c6c99f76.js.map +0 -1
  147. package/_internal/cae46566.js +0 -65
  148. package/_internal/cae46566.js.map +0 -1
  149. package/_internal/components/alert-dialog/index.ts-623b1ed3.d.ts +0 -37
  150. package/_internal/components/alert-dialog/index.ts-f83bd6ef.js +0 -148
  151. package/_internal/components/alert-dialog/index.ts-f83bd6ef.js.map +0 -1
  152. package/_internal/components/autocomplete/index.ts-3f8f125c.js +0 -264
  153. package/_internal/components/autocomplete/index.ts-3f8f125c.js.map +0 -1
  154. package/_internal/components/autocomplete/index.ts-8d6b123f.d.ts +0 -201
  155. package/_internal/components/avatar/index.ts-93ee0ea9.js +0 -89
  156. package/_internal/components/avatar/index.ts-93ee0ea9.js.map +0 -1
  157. package/_internal/components/avatar/index.ts-f92852b4.d.ts +0 -43
  158. package/_internal/components/badge/index.ts-2d7700ef.d.ts +0 -30
  159. package/_internal/components/badge/index.ts-6753d67f.js +0 -88
  160. package/_internal/components/badge/index.ts-6753d67f.js.map +0 -1
  161. package/_internal/components/button/index.ts-031307ce.js +0 -51
  162. package/_internal/components/button/index.ts-031307ce.js.map +0 -1
  163. package/_internal/components/button/index.ts-b29e26a4.d.ts +0 -22
  164. package/_internal/components/checkbox/index.ts-a33166d7.js +0 -127
  165. package/_internal/components/checkbox/index.ts-a33166d7.js.map +0 -1
  166. package/_internal/components/checkbox/index.ts-f82358ff.d.ts +0 -38
  167. package/_internal/components/chip/index.ts-4a91f1a7.d.ts +0 -68
  168. package/_internal/components/chip/index.ts-a2b5b771.js +0 -110
  169. package/_internal/components/chip/index.ts-a2b5b771.js.map +0 -1
  170. package/_internal/components/comment-block/index.ts-58fa051a.js +0 -121
  171. package/_internal/components/comment-block/index.ts-58fa051a.js.map +0 -1
  172. package/_internal/components/comment-block/index.ts-8cfa5af0.d.ts +0 -67
  173. package/_internal/components/date-picker/index.ts-145262d5.js +0 -2
  174. package/_internal/components/date-picker/index.ts-145262d5.js.map +0 -1
  175. package/_internal/components/date-picker/index.ts-70a34fa7.d.ts +0 -95
  176. package/_internal/components/dialog/index.ts-ea044db2.js +0 -224
  177. package/_internal/components/dialog/index.ts-ea044db2.js.map +0 -1
  178. package/_internal/components/dialog/index.ts-eca28654.d.ts +0 -55
  179. package/_internal/components/divider/index.ts-4a56db75.js +0 -55
  180. package/_internal/components/divider/index.ts-4a56db75.js.map +0 -1
  181. package/_internal/components/divider/index.ts-b011d8ca.d.ts +0 -18
  182. package/_internal/components/drag-handle/index.ts-0aebf92f.js +0 -54
  183. package/_internal/components/drag-handle/index.ts-0aebf92f.js.map +0 -1
  184. package/_internal/components/drag-handle/index.ts-3ab31dd1.d.ts +0 -18
  185. package/_internal/components/dropdown/index.ts-2a17db51.js +0 -154
  186. package/_internal/components/dropdown/index.ts-2a17db51.js.map +0 -1
  187. package/_internal/components/dropdown/index.ts-b648a15c.d.ts +0 -87
  188. package/_internal/components/expansion-panel/index.ts-69f09f5b.d.ts +0 -38
  189. package/_internal/components/expansion-panel/index.ts-fae3762e.js +0 -143
  190. package/_internal/components/expansion-panel/index.ts-fae3762e.js.map +0 -1
  191. package/_internal/components/flag/index.ts-8dcd685b.js +0 -56
  192. package/_internal/components/flag/index.ts-8dcd685b.js.map +0 -1
  193. package/_internal/components/flag/index.ts-fda89adb.d.ts +0 -23
  194. package/_internal/components/flex-box/index.ts-87f2b58d.d.ts +0 -43
  195. package/_internal/components/flex-box/index.ts-c216e957.js +0 -60
  196. package/_internal/components/flex-box/index.ts-c216e957.js.map +0 -1
  197. package/_internal/components/generic-block/index.ts-999a62a4.js +0 -115
  198. package/_internal/components/generic-block/index.ts-999a62a4.js.map +0 -1
  199. package/_internal/components/generic-block/index.ts-cd3b0e21.d.ts +0 -106
  200. package/_internal/components/grid/index.ts-67e0694f.d.ts +0 -50
  201. package/_internal/components/grid/index.ts-fdf1b306.js +0 -113
  202. package/_internal/components/grid/index.ts-fdf1b306.js.map +0 -1
  203. package/_internal/components/grid-column/index.ts-97c61cbe.js +0 -64
  204. package/_internal/components/grid-column/index.ts-97c61cbe.js.map +0 -1
  205. package/_internal/components/grid-column/index.ts-c89e1c18.d.ts +0 -31
  206. package/_internal/components/heading/index.ts-0179e9a9.js +0 -112
  207. package/_internal/components/heading/index.ts-0179e9a9.js.map +0 -1
  208. package/_internal/components/heading/index.ts-587579e8.d.ts +0 -37
  209. package/_internal/components/icon/index.ts-740ca1de.js +0 -2
  210. package/_internal/components/icon/index.ts-740ca1de.js.map +0 -1
  211. package/_internal/components/icon/index.ts-b3fa5e15.d.ts +0 -34
  212. package/_internal/components/image-block/index.ts-36b3828f.d.ts +0 -49
  213. package/_internal/components/image-block/index.ts-ef5e2e7d.js +0 -111
  214. package/_internal/components/image-block/index.ts-ef5e2e7d.js.map +0 -1
  215. package/_internal/components/image-lightbox/index.ts-137f85a8.js +0 -765
  216. package/_internal/components/image-lightbox/index.ts-137f85a8.js.map +0 -1
  217. package/_internal/components/image-lightbox/index.ts-2cb92d18.d.ts +0 -75
  218. package/_internal/components/inline-list/index.ts-033dd358.js +0 -76
  219. package/_internal/components/inline-list/index.ts-033dd358.js.map +0 -1
  220. package/_internal/components/inline-list/index.ts-e1c8a3ff.d.ts +0 -34
  221. package/_internal/components/input-helper/index.ts-32a9ca90.d.ts +0 -22
  222. package/_internal/components/input-helper/index.ts-ab3a1ef5.js +0 -75
  223. package/_internal/components/input-helper/index.ts-ab3a1ef5.js.map +0 -1
  224. package/_internal/components/input-label/index.ts-86f2ea41.d.ts +0 -24
  225. package/_internal/components/input-label/index.ts-d6ca5569.js +0 -60
  226. package/_internal/components/input-label/index.ts-d6ca5569.js.map +0 -1
  227. package/_internal/components/lightbox/index.ts-5370e8e6.d.ts +0 -36
  228. package/_internal/components/lightbox/index.ts-7a16cdc7.js +0 -149
  229. package/_internal/components/lightbox/index.ts-7a16cdc7.js.map +0 -1
  230. package/_internal/components/link/index.ts-26435006.d.ts +0 -37
  231. package/_internal/components/link/index.ts-d04f4e53.js +0 -120
  232. package/_internal/components/link/index.ts-d04f4e53.js.map +0 -1
  233. package/_internal/components/link-preview/index.ts-e560a274.d.ts +0 -36
  234. package/_internal/components/link-preview/index.ts-fee89f66.js +0 -109
  235. package/_internal/components/link-preview/index.ts-fee89f66.js.map +0 -1
  236. package/_internal/components/list/index.ts-ab57902e.d.ts +0 -118
  237. package/_internal/components/list/index.ts-f3101625.js +0 -86
  238. package/_internal/components/list/index.ts-f3101625.js.map +0 -1
  239. package/_internal/components/message/index.ts-041cf0cb.js +0 -97
  240. package/_internal/components/message/index.ts-041cf0cb.js.map +0 -1
  241. package/_internal/components/message/index.ts-2d38e0ea.d.ts +0 -37
  242. package/_internal/components/mosaic/index.ts-232d5aed.d.ts +0 -23
  243. package/_internal/components/mosaic/index.ts-d2128cd3.js +0 -94
  244. package/_internal/components/mosaic/index.ts-d2128cd3.js.map +0 -1
  245. package/_internal/components/navigation/index.ts-6d8bea53.d.ts +0 -58
  246. package/_internal/components/navigation/index.ts-e8dc0a7f.js +0 -222
  247. package/_internal/components/navigation/index.ts-e8dc0a7f.js.map +0 -1
  248. package/_internal/components/notification/index.ts-235fd340.js +0 -140
  249. package/_internal/components/notification/index.ts-235fd340.js.map +0 -1
  250. package/_internal/components/notification/index.ts-bb3f03f6.d.ts +0 -34
  251. package/_internal/components/popover/index.ts-2f17a9b6.js +0 -3
  252. package/_internal/components/popover/index.ts-2f17a9b6.js.map +0 -1
  253. package/_internal/components/popover/index.ts-e3b4ff19.d.ts +0 -66
  254. package/_internal/components/post-block/index.ts-0acb9bb4.js +0 -101
  255. package/_internal/components/post-block/index.ts-0acb9bb4.js.map +0 -1
  256. package/_internal/components/post-block/index.ts-9b8ff90b.d.ts +0 -41
  257. package/_internal/components/progress/index.ts-2a713859.js +0 -189
  258. package/_internal/components/progress/index.ts-2a713859.js.map +0 -1
  259. package/_internal/components/progress/index.ts-dfdfa5fb.d.ts +0 -60
  260. package/_internal/components/progress-tracker/index.ts-2649f756.js +0 -312
  261. package/_internal/components/progress-tracker/index.ts-2649f756.js.map +0 -1
  262. package/_internal/components/progress-tracker/index.ts-95320f32.d.ts +0 -101
  263. package/_internal/components/radio-button/index.ts-5eaab4cf.d.ts +0 -54
  264. package/_internal/components/radio-button/index.ts-b4dfb2a0.js +0 -150
  265. package/_internal/components/radio-button/index.ts-b4dfb2a0.js.map +0 -1
  266. package/_internal/components/select/index.ts-a65e3507.d.ts +0 -91
  267. package/_internal/components/select/index.ts-e8fad28b.js +0 -257
  268. package/_internal/components/select/index.ts-e8fad28b.js.map +0 -1
  269. package/_internal/components/side-navigation/index.ts-3f5f3785.d.ts +0 -60
  270. package/_internal/components/side-navigation/index.ts-c9a5fc3e.js +0 -184
  271. package/_internal/components/side-navigation/index.ts-c9a5fc3e.js.map +0 -1
  272. package/_internal/components/skeleton/index.ts-a7daefac.d.ts +0 -75
  273. package/_internal/components/skeleton/index.ts-ffc995af.js +0 -179
  274. package/_internal/components/skeleton/index.ts-ffc995af.js.map +0 -1
  275. package/_internal/components/slider/index.ts-24a0d598.d.ts +0 -52
  276. package/_internal/components/slider/index.ts-72aadf4c.js +0 -308
  277. package/_internal/components/slider/index.ts-72aadf4c.js.map +0 -1
  278. package/_internal/components/slideshow/index.ts-c99f2892.js +0 -151
  279. package/_internal/components/slideshow/index.ts-c99f2892.js.map +0 -1
  280. package/_internal/components/slideshow/index.ts-e49462c6.d.ts +0 -25
  281. package/_internal/components/switch/index.ts-207ba52b.d.ts +0 -34
  282. package/_internal/components/switch/index.ts-542e6eaf.js +0 -115
  283. package/_internal/components/switch/index.ts-542e6eaf.js.map +0 -1
  284. package/_internal/components/table/index.ts-905ce390.js +0 -310
  285. package/_internal/components/table/index.ts-905ce390.js.map +0 -1
  286. package/_internal/components/table/index.ts-c4f39b2d.d.ts +0 -108
  287. package/_internal/components/tabs/index.ts-713119f4.js +0 -289
  288. package/_internal/components/tabs/index.ts-713119f4.js.map +0 -1
  289. package/_internal/components/tabs/index.ts-dbfc48d9.d.ts +0 -106
  290. package/_internal/components/text/index.ts-6afbe8cd.js +0 -2
  291. package/_internal/components/text/index.ts-6afbe8cd.js.map +0 -1
  292. package/_internal/components/text/index.ts-8a812048.d.ts +0 -53
  293. package/_internal/components/text-field/index.ts-92e6b3b3.d.ts +0 -77
  294. package/_internal/components/text-field/index.ts-c3be8563.js +0 -341
  295. package/_internal/components/text-field/index.ts-c3be8563.js.map +0 -1
  296. package/_internal/components/thumbnail/index.ts-16d7b403.js +0 -40
  297. package/_internal/components/thumbnail/index.ts-16d7b403.js.map +0 -1
  298. package/_internal/components/thumbnail/index.ts-1b6c0b48.d.ts +0 -8
  299. package/_internal/components/toolbar/index.ts-813b902e.js +0 -63
  300. package/_internal/components/toolbar/index.ts-813b902e.js.map +0 -1
  301. package/_internal/components/toolbar/index.ts-9f5129d1.d.ts +0 -24
  302. package/_internal/components/tooltip/index.ts-905c847c.js +0 -322
  303. package/_internal/components/tooltip/index.ts-905c847c.js.map +0 -1
  304. package/_internal/components/tooltip/index.ts-c6931e9e.d.ts +0 -35
  305. package/_internal/components/uploader/index.ts-31f21c2a.js +0 -132
  306. package/_internal/components/uploader/index.ts-31f21c2a.js.map +0 -1
  307. package/_internal/components/uploader/index.ts-c3ccba98.d.ts +0 -51
  308. package/_internal/components/user-block/index.ts-18c58e19.d.ts +0 -50
  309. package/_internal/components/user-block/index.ts-d43e5f3c.js +0 -136
  310. package/_internal/components/user-block/index.ts-d43e5f3c.js.map +0 -1
  311. package/_internal/dc3e28c8.d.ts +0 -38
  312. package/_internal/f39a1ba4.js +0 -73
  313. package/_internal/f39a1ba4.js.map +0 -1
  314. package/_internal/f3e77e3e.js +0 -22
  315. package/_internal/f3e77e3e.js.map +0 -1
  316. package/_internal/f502ab30.js +0 -78
  317. package/_internal/f502ab30.js.map +0 -1
  318. package/_internal/f52adbae.js +0 -36
  319. package/_internal/f52adbae.js.map +0 -1
  320. package/_internal/f57e1239.js +0 -205
  321. package/_internal/f57e1239.js.map +0 -1
  322. package/_internal/f5ff1aa4.d.ts +0 -47
  323. package/_internal/fb975afe.js +0 -52
  324. package/_internal/fb975afe.js.map +0 -1
  325. package/src/utils/browserDoesNotSupportHover.ts +0 -2
  326. package/src/utils/isInternetExplorer.ts +0 -15
  327. package/src/utils/userHasReducedMotion.ts +0 -7
  328. package/src/utils/utils.test.ts +0 -48
  329. /package/src/utils/{DOM → browser/DOM}/findImage.tsx +0 -0
  330. /package/src/utils/{event.ts → browser/event.ts} +0 -0
  331. /package/src/utils/{focus → browser/focus}/constants.ts +0 -0
  332. /package/src/utils/{focus → browser/focus}/getFirstAndLastFocusable.ts +0 -0
  333. /package/src/utils/{focus → browser/focus}/getFocusableElements.ts +0 -0
  334. /package/src/utils/{isFocusVisible.ts → browser/isFocusVisible.ts} +0 -0
@@ -1,189 +0,0 @@
1
- import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames, S as Size } from '../../1da25128.js';
2
- import React__default from 'react';
3
- import { u as useTheme } from '../../3181f000.js';
4
- import { h as handleBasicClasses } from '../../f57e1239.js';
5
-
6
- const _excluded$2 = ["className", "theme"];
7
- /**
8
- * Component display name.
9
- */
10
- const COMPONENT_NAME$2 = 'ProgressLinear';
11
-
12
- /**
13
- * Component default class name and class prefix.
14
- */
15
- const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2);
16
-
17
- /**
18
- * Component default props.
19
- */
20
- const DEFAULT_PROPS$2 = {};
21
-
22
- /**
23
- * ProgressLinear component.
24
- *
25
- * @param props Component props.
26
- * @param ref Component ref.
27
- * @return React element.
28
- */
29
- const ProgressLinear = forwardRef((props, ref) => {
30
- const defaultTheme = useTheme() || Theme.light;
31
- const {
32
- className,
33
- theme = defaultTheme
34
- } = props,
35
- forwardedProps = _objectWithoutProperties(props, _excluded$2);
36
- return /*#__PURE__*/React__default.createElement("div", _extends({
37
- ref: ref
38
- }, forwardedProps, {
39
- className: classNames(className, handleBasicClasses({
40
- prefix: CLASSNAME$2,
41
- theme
42
- }))
43
- }), /*#__PURE__*/React__default.createElement("div", {
44
- className: "lumx-progress-linear__line1"
45
- }), /*#__PURE__*/React__default.createElement("div", {
46
- className: "lumx-progress-linear__line2"
47
- }));
48
- });
49
- ProgressLinear.displayName = COMPONENT_NAME$2;
50
- ProgressLinear.className = CLASSNAME$2;
51
- ProgressLinear.defaultProps = DEFAULT_PROPS$2;
52
-
53
- const _excluded$1 = ["className", "theme", "size"];
54
-
55
- /**
56
- * Progress sizes.
57
- */
58
-
59
- /**
60
- * Defines the props of the component.
61
- */
62
-
63
- /**
64
- * Component display name.
65
- */
66
- const COMPONENT_NAME$1 = 'ProgressCircular';
67
-
68
- /**
69
- * Component default class name and class prefix.
70
- */
71
- const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
72
-
73
- /**
74
- * Component default props.
75
- */
76
- const DEFAULT_PROPS$1 = {
77
- size: Size.m
78
- };
79
-
80
- /**
81
- * ProgressCircularProps component.
82
- *
83
- * @param props Component props.
84
- * @param ref Component ref.
85
- * @return React element.
86
- */
87
- const ProgressCircular = forwardRef((props, ref) => {
88
- const defaultTheme = useTheme() || Theme.light;
89
- const {
90
- className,
91
- theme = defaultTheme,
92
- size
93
- } = props,
94
- forwardedProps = _objectWithoutProperties(props, _excluded$1);
95
- return /*#__PURE__*/React__default.createElement("div", _extends({
96
- ref: ref
97
- }, forwardedProps, {
98
- className: classNames(className, handleBasicClasses({
99
- prefix: CLASSNAME$1,
100
- theme,
101
- size
102
- }))
103
- }), /*#__PURE__*/React__default.createElement("div", {
104
- className: "lumx-progress-circular__double-bounce1"
105
- }), /*#__PURE__*/React__default.createElement("div", {
106
- className: "lumx-progress-circular__double-bounce2"
107
- }), /*#__PURE__*/React__default.createElement("svg", {
108
- className: "lumx-progress-circular__svg",
109
- viewBox: "25 25 50 50"
110
- }, /*#__PURE__*/React__default.createElement("circle", {
111
- className: "lumx-progress-circular__path",
112
- cx: "50",
113
- cy: "50",
114
- r: "20",
115
- fill: "none",
116
- strokeWidth: "5"
117
- })));
118
- });
119
- ProgressCircular.displayName = COMPONENT_NAME$1;
120
- ProgressCircular.className = CLASSNAME$1;
121
- ProgressCircular.defaultProps = DEFAULT_PROPS$1;
122
-
123
- const _excluded = ["className", "theme", "variant"];
124
-
125
- /**
126
- * Progress variants.
127
- */
128
- const ProgressVariant = {
129
- linear: 'linear',
130
- circular: 'circular'
131
- };
132
-
133
- /**
134
- * Defines the props of the component.
135
- */
136
-
137
- /**
138
- * Component display name.
139
- */
140
- const COMPONENT_NAME = 'Progress';
141
-
142
- /**
143
- * Component default class name and class prefix.
144
- */
145
- const CLASSNAME = getRootClassName(COMPONENT_NAME);
146
-
147
- /**
148
- * Component default props.
149
- */
150
- const DEFAULT_PROPS = {
151
- variant: ProgressVariant.circular
152
- };
153
-
154
- /**
155
- * Progress component.
156
- *
157
- * @deprecated use `ProgressLinear` and `ProgressCircular` instead.
158
- * @param props Component props.
159
- * @param ref Component ref.
160
- * @return React element.
161
- */
162
- const Progress = forwardRef((props, ref) => {
163
- const defaultTheme = useTheme() || Theme.light;
164
- const {
165
- className,
166
- theme = defaultTheme,
167
- variant
168
- } = props,
169
- forwardedProps = _objectWithoutProperties(props, _excluded);
170
- return /*#__PURE__*/React__default.createElement("div", _extends({
171
- ref: ref
172
- }, forwardedProps, {
173
- className: classNames(className, handleBasicClasses({
174
- prefix: CLASSNAME,
175
- theme,
176
- variant
177
- }))
178
- }), variant === ProgressVariant.circular && /*#__PURE__*/React__default.createElement(ProgressCircular, {
179
- theme: theme
180
- }), variant === ProgressVariant.linear && /*#__PURE__*/React__default.createElement(ProgressLinear, {
181
- theme: theme
182
- }));
183
- });
184
- Progress.displayName = COMPONENT_NAME;
185
- Progress.className = CLASSNAME;
186
- Progress.defaultProps = DEFAULT_PROPS;
187
-
188
- export { Progress, ProgressCircular, ProgressLinear, ProgressVariant };
189
- //# sourceMappingURL=index.ts-2a713859.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.ts-2a713859.js","sources":["../../../../src/components/progress/ProgressLinear.tsx","../../../../src/components/progress/ProgressCircular.tsx","../../../../src/components/progress/Progress.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/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 React from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme, Size } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/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 /** Progress circular size. */\n size?: ProgressCircularSize;\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};\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 { className, theme = defaultTheme, size, ...forwardedProps } = props;\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, size }))}\n >\n <div className=\"lumx-progress-circular__double-bounce1\" />\n <div 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 </div>\n );\n});\nProgressCircular.displayName = COMPONENT_NAME;\nProgressCircular.className = CLASSNAME;\nProgressCircular.defaultProps = DEFAULT_PROPS;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/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, ...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","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps","size","Size","m","ProgressCircular","viewBox","cx","cy","r","fill","strokeWidth","ProgressVariant","linear","circular","variant","Progress"],"mappings":"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"}
@@ -1,60 +0,0 @@
1
- import { V as ValueOf, G as GenericProps, H as HasTheme, C as Comp, S as Size } from '../../8d67e1e3.js';
2
- import 'react';
3
-
4
- /**
5
- * Progress variants.
6
- */
7
- declare const ProgressVariant: {
8
- readonly linear: "linear";
9
- readonly circular: "circular";
10
- };
11
- type ProgressVariant = ValueOf<typeof ProgressVariant>;
12
- /**
13
- * Defines the props of the component.
14
- */
15
- interface ProgressProps extends GenericProps, HasTheme {
16
- /** Progress variant. */
17
- variant?: ProgressVariant;
18
- }
19
- /**
20
- * Progress component.
21
- *
22
- * @deprecated use `ProgressLinear` and `ProgressCircular` instead.
23
- * @param props Component props.
24
- * @param ref Component ref.
25
- * @return React element.
26
- */
27
- declare const Progress: Comp<ProgressProps, HTMLDivElement>;
28
-
29
- /**
30
- * Progress sizes.
31
- */
32
- type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;
33
- /**
34
- * Defines the props of the component.
35
- */
36
- interface ProgressCircularProps extends GenericProps, HasTheme {
37
- /** Progress circular size. */
38
- size?: ProgressCircularSize;
39
- }
40
- /**
41
- * ProgressCircularProps component.
42
- *
43
- * @param props Component props.
44
- * @param ref Component ref.
45
- * @return React element.
46
- */
47
- declare const ProgressCircular: Comp<ProgressCircularProps, HTMLDivElement>;
48
-
49
- interface ProgressLinearProps extends GenericProps, HasTheme {
50
- }
51
- /**
52
- * ProgressLinear component.
53
- *
54
- * @param props Component props.
55
- * @param ref Component ref.
56
- * @return React element.
57
- */
58
- declare const ProgressLinear: Comp<ProgressLinearProps, HTMLDivElement>;
59
-
60
- export { Progress, ProgressCircular, type ProgressCircularProps, type ProgressCircularSize, ProgressLinear, type ProgressLinearProps, type ProgressProps, ProgressVariant };
@@ -1,312 +0,0 @@
1
- import { j as _objectWithoutProperties, k as _objectSpread2, h as getRootClassName, i as forwardRef, _ as _extends, g as classNames, S as Size, K as Kind, l as CSS_PREFIX } from '../../1da25128.js';
2
- import React__default, { useReducer, useEffect, useCallback } from 'react';
3
- import { r as reducer, I as INIT_STATE, T as TabProviderContext, u as useTabProviderContextState, a as useTabProviderContext } from '../../5720caf5.js';
4
- import { m as mergeRefs } from '../../f52adbae.js';
5
- import { u as useRovingTabIndex } from '../../f502ab30.js';
6
- import { h as handleBasicClasses } from '../../f57e1239.js';
7
- import { I as Icon, g as mdiCheckCircle, h as mdiAlertCircle, r as mdiRadioboxMarked, s as mdiRadioboxBlank } from '../../c6c99f76.js';
8
- import { InputLabel } from '../input-label/index.ts-d6ca5569.js';
9
- import { InputHelper } from '../input-helper/index.ts-ab3a1ef5.js';
10
- import 'lodash/kebabCase';
11
-
12
- const _excluded$3 = ["children", "onChange"];
13
- const DEFAULT_PROPS$3 = {
14
- isLazy: INIT_STATE.isLazy,
15
- shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
16
- };
17
-
18
- /**
19
- * This component provides a context in which steps can be defined and linked to their step panel.
20
- *
21
- * It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel
22
- * components in the react tree.
23
- *
24
- * This works exactly as TabProvider so it uses TabProviderContext and tabs state.
25
- *
26
- * @param props React component props.
27
- * @return React element.
28
- */
29
- const ProgressTrackerProvider = props => {
30
- const {
31
- children,
32
- onChange
33
- } = props,
34
- propState = _objectWithoutProperties(props, _excluded$3);
35
- const [state, dispatch] = useReducer(reducer, INIT_STATE);
36
-
37
- // On prop state change => dispatch update.
38
- useEffect(() => {
39
- dispatch({
40
- type: 'update',
41
- payload: _objectSpread2(_objectSpread2({}, propState), {}, {
42
- activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex
43
- })
44
- });
45
- },
46
- // eslint-disable-next-line react-hooks/exhaustive-deps
47
- [dispatch, ...Object.values(propState)]);
48
-
49
- // On active tab index state change => send update to the onChange.
50
- useEffect(() => {
51
- if (state === INIT_STATE || !onChange || propState.activeStepIndex === state.activeTabIndex) {
52
- return;
53
- }
54
- onChange(state.activeTabIndex);
55
- },
56
- // eslint-disable-next-line react-hooks/exhaustive-deps
57
- [onChange, state.activeTabIndex]);
58
- return /*#__PURE__*/React__default.createElement(TabProviderContext.Provider, {
59
- value: [state, dispatch]
60
- }, children);
61
- };
62
- ProgressTrackerProvider.defaultProps = DEFAULT_PROPS$3;
63
-
64
- const _excluded$2 = ["aria-label", "children", "className"];
65
-
66
- /**
67
- * Defines the props of the component.
68
- */
69
-
70
- /**
71
- * Component display name.
72
- */
73
- const COMPONENT_NAME$2 = 'ProgressTracker';
74
-
75
- /**
76
- * Component default class name and class prefix.
77
- */
78
- const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2);
79
-
80
- /**
81
- * Component default props.
82
- */
83
- const DEFAULT_PROPS$2 = {};
84
-
85
- /**
86
- * ProgressTracker component.
87
- *
88
- * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
89
- *
90
- * @param props Component props.
91
- * @param ref Component ref.
92
- * @return React element.
93
- */
94
- const ProgressTracker = forwardRef((props, ref) => {
95
- var _state$ids, _state$ids$tab;
96
- const {
97
- 'aria-label': ariaLabel,
98
- children,
99
- className
100
- } = props,
101
- forwardedProps = _objectWithoutProperties(props, _excluded$2);
102
- const stepListRef = React__default.useRef(null);
103
- useRovingTabIndex({
104
- parentRef: stepListRef,
105
- elementSelector: '[role="tab"]',
106
- keepTabIndex: false,
107
- extraDependencies: [children]
108
- });
109
- const state = useTabProviderContextState();
110
- const numberOfSteps = (state === null || state === void 0 ? void 0 : (_state$ids = state.ids) === null || _state$ids === void 0 ? void 0 : (_state$ids$tab = _state$ids.tab) === null || _state$ids$tab === void 0 ? void 0 : _state$ids$tab.length) || 0;
111
- const backgroundPosition = numberOfSteps > 0 ? 100 / (numberOfSteps * 2) : 0;
112
- const trackPosition = numberOfSteps > 0 ? 100 / (numberOfSteps - 1) * ((state === null || state === void 0 ? void 0 : state.activeTabIndex) || 0) / 100 : 0;
113
- return /*#__PURE__*/React__default.createElement("div", _extends({
114
- ref: mergeRefs(ref, stepListRef)
115
- }, forwardedProps, {
116
- className: classNames(className, handleBasicClasses({
117
- prefix: CLASSNAME$2
118
- }))
119
- }), /*#__PURE__*/React__default.createElement("div", {
120
- className: `${CLASSNAME$2}__steps`,
121
- role: "tablist",
122
- "aria-label": ariaLabel
123
- }, children), /*#__PURE__*/React__default.createElement("div", {
124
- className: `${CLASSNAME$2}__background-bar`,
125
- style: {
126
- left: `${backgroundPosition}%`,
127
- right: `${backgroundPosition}%`
128
- }
129
- }), /*#__PURE__*/React__default.createElement("div", {
130
- className: `${CLASSNAME$2}__foreground-bar`,
131
- style: {
132
- left: `${backgroundPosition}%`,
133
- right: `${backgroundPosition}%`,
134
- transform: `scaleX(${trackPosition})`
135
- }
136
- }));
137
- });
138
- ProgressTracker.displayName = COMPONENT_NAME$2;
139
- ProgressTracker.className = CLASSNAME$2;
140
- ProgressTracker.defaultProps = DEFAULT_PROPS$2;
141
-
142
- const _excluded$1 = ["className", "disabled", "hasError", "helper", "id", "isActive", "isComplete", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
143
-
144
- /**
145
- * Defines the props of the component.
146
- */
147
-
148
- /**
149
- * Component display name.
150
- */
151
- const COMPONENT_NAME$1 = 'ProgressTrackerStep';
152
-
153
- /**
154
- * Component default class name and class prefix.
155
- */
156
- const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
157
-
158
- /**
159
- * Component default props.
160
- */
161
- const DEFAULT_PROPS$1 = {};
162
-
163
- /**
164
- * ProgressTrackerStep component.
165
- *
166
- * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
167
- *
168
- * @param props Component props.
169
- * @param ref Component ref.
170
- * @return React element.
171
- */
172
- const ProgressTrackerStep = forwardRef((props, ref) => {
173
- const {
174
- className,
175
- disabled,
176
- hasError,
177
- helper,
178
- id,
179
- isActive: propIsActive,
180
- isComplete,
181
- isDisabled = disabled,
182
- label,
183
- onFocus,
184
- onKeyPress,
185
- tabIndex = -1
186
- } = props,
187
- forwardedProps = _objectWithoutProperties(props, _excluded$1);
188
- const state = useTabProviderContext('tab', id);
189
- const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
190
- const changeToCurrentTab = useCallback(() => {
191
- if (isDisabled) {
192
- return;
193
- }
194
- state === null || state === void 0 ? void 0 : state.changeToTab();
195
- }, [isDisabled, state]);
196
- const handleFocus = useCallback(event => {
197
- onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
198
- if (state !== null && state !== void 0 && state.shouldActivateOnFocus) {
199
- changeToCurrentTab();
200
- }
201
- }, [changeToCurrentTab, onFocus, state === null || state === void 0 ? void 0 : state.shouldActivateOnFocus]);
202
- const handleKeyPress = useCallback(event => {
203
- onKeyPress === null || onKeyPress === void 0 ? void 0 : onKeyPress(event);
204
- if (event.key !== 'Enter') {
205
- return;
206
- }
207
- changeToCurrentTab();
208
- }, [changeToCurrentTab, onKeyPress]);
209
- const getIcon = () => {
210
- if (isComplete) {
211
- return mdiCheckCircle;
212
- }
213
- if (isActive) {
214
- return hasError ? mdiAlertCircle : mdiRadioboxMarked;
215
- }
216
- return mdiRadioboxBlank;
217
- };
218
- return /*#__PURE__*/React__default.createElement("button", _extends({
219
- ref: ref
220
- }, forwardedProps, {
221
- type: "button",
222
- id: state === null || state === void 0 ? void 0 : state.tabId,
223
- className: classNames(className, handleBasicClasses({
224
- prefix: CLASSNAME$1,
225
- hasError,
226
- isActive,
227
- isClickable: state && !isDisabled,
228
- isComplete
229
- })),
230
- onClick: changeToCurrentTab,
231
- onKeyPress: handleKeyPress,
232
- onFocus: handleFocus,
233
- role: "tab",
234
- tabIndex: isActive ? 0 : tabIndex,
235
- "aria-disabled": isDisabled,
236
- "aria-selected": isActive,
237
- "aria-controls": state === null || state === void 0 ? void 0 : state.tabPanelId
238
- }), /*#__PURE__*/React__default.createElement(Icon, {
239
- className: `${CLASSNAME$1}__state`,
240
- icon: getIcon(),
241
- size: Size.s
242
- }), /*#__PURE__*/React__default.createElement(InputLabel, {
243
- htmlFor: (state === null || state === void 0 ? void 0 : state.tabId) || '',
244
- className: `${CLASSNAME$1}__label`
245
- }, label), helper && /*#__PURE__*/React__default.createElement(InputHelper, {
246
- kind: hasError ? Kind.error : Kind.info,
247
- className: `${CLASSNAME$1}__helper`
248
- }, helper));
249
- });
250
- ProgressTrackerStep.displayName = COMPONENT_NAME$1;
251
- ProgressTrackerStep.className = CLASSNAME$1;
252
- ProgressTrackerStep.defaultProps = DEFAULT_PROPS$1;
253
-
254
- const _excluded = ["children", "id", "className", "isActive"];
255
-
256
- /**
257
- * Defines the props of the component.
258
- */
259
-
260
- /**
261
- * Component display name.
262
- */
263
- const COMPONENT_NAME = 'ProgressTrackerStepPanel';
264
-
265
- /**
266
- * Component default class name and class prefix.
267
- */
268
- const CLASSNAME = `${CSS_PREFIX}-step-panel`;
269
-
270
- /**
271
- * Component default props.
272
- */
273
- const DEFAULT_PROPS = {};
274
-
275
- /**
276
- * ProgressTrackerStepPanel component.
277
- *
278
- * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
279
- *
280
- * @param props Component props.
281
- * @param ref Component ref.
282
- * @return React element.
283
- */
284
- const ProgressTrackerStepPanel = forwardRef((props, ref) => {
285
- const {
286
- children,
287
- id,
288
- className,
289
- isActive: propIsActive
290
- } = props,
291
- forwardedProps = _objectWithoutProperties(props, _excluded);
292
- const state = useTabProviderContext('tabPanel', id);
293
- const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
294
- return /*#__PURE__*/React__default.createElement("div", _extends({
295
- ref: ref
296
- }, forwardedProps, {
297
- id: state === null || state === void 0 ? void 0 : state.tabPanelId,
298
- className: classNames(className, handleBasicClasses({
299
- prefix: CLASSNAME,
300
- isActive
301
- })),
302
- role: "tabpanel",
303
- tabIndex: isActive ? 0 : -1,
304
- "aria-labelledby": state === null || state === void 0 ? void 0 : state.tabId
305
- }), (!(state !== null && state !== void 0 && state.isLazy) || isActive) && children);
306
- });
307
- ProgressTrackerStepPanel.displayName = COMPONENT_NAME;
308
- ProgressTrackerStepPanel.className = CLASSNAME;
309
- ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS;
310
-
311
- export { ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel };
312
- //# sourceMappingURL=index.ts-2649f756.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.ts-2649f756.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 React, { 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 ...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, handleBasicClasses } from '@lumx/react/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/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\n ref={mergeRefs(ref, stepListRef)}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }))}\n >\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 React, { 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/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\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 {\n className,\n disabled,\n hasError,\n helper,\n id,\n isActive: propIsActive,\n isComplete,\n isDisabled = disabled,\n label,\n onFocus,\n onKeyPress,\n tabIndex = -1,\n ...forwardedProps\n } = props;\n const state = useTabProviderContext('tab', id);\n const isActive = propIsActive || state?.isActive;\n\n const changeToCurrentTab = useCallback(() => {\n if (isDisabled) {\n return;\n }\n state?.changeToTab();\n }, [isDisabled, 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 && !isDisabled,\n isComplete,\n }),\n )}\n onClick={changeToCurrentTab}\n onKeyPress={handleKeyPress}\n onFocus={handleFocus}\n role=\"tab\"\n tabIndex={isActive ? 0 : tabIndex}\n aria-disabled={isDisabled}\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 React from 'react';\n\nimport 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/react/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}\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","_objectWithoutProperties","_excluded","state","dispatch","useReducer","reducer","useEffect","type","payload","_objectSpread","activeTabIndex","activeStepIndex","Object","values","React","createElement","TabProviderContext","Provider","value","defaultProps","COMPONENT_NAME","CLASSNAME","getRootClassName","ProgressTracker","forwardRef","ref","_state$ids","_state$ids$tab","ariaLabel","className","forwardedProps","stepListRef","useRef","useRovingTabIndex","parentRef","elementSelector","keepTabIndex","extraDependencies","useTabProviderContextState","numberOfSteps","ids","tab","length","backgroundPosition","trackPosition","_extends","mergeRefs","classNames","handleBasicClasses","prefix","role","style","left","right","transform","displayName","ProgressTrackerStep","disabled","hasError","helper","id","isActive","propIsActive","isComplete","isDisabled","label","onFocus","onKeyPress","tabIndex","useTabProviderContext","changeToCurrentTab","useCallback","changeToTab","handleFocus","event","handleKeyPress","key","getIcon","mdiCheckCircle","mdiAlertCircle","mdiRadioboxMarked","mdiRadioboxBlank","tabId","isClickable","onClick","tabPanelId","Icon","icon","size","Size","s","InputLabel","htmlFor","InputHelper","kind","Kind","error","info","CSS_PREFIX","ProgressTrackerStepPanel"],"mappings":"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"}