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

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 (296) 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 +14554 -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 +6 -10
  11. package/src/components/dialog/Dialog.tsx +1 -1
  12. package/src/components/expansion-panel/ExpansionPanel.tsx +14 -18
  13. package/src/components/flex-box/FlexBox.tsx +1 -1
  14. package/src/components/generic-block/GenericBlock.tsx +6 -7
  15. package/src/components/generic-block/constants.ts +9 -4
  16. package/src/components/grid-column/GridColumn.tsx +1 -2
  17. package/src/components/link/Link.tsx +3 -5
  18. package/src/components/list/ListItem.tsx +1 -2
  19. package/src/components/list/useInteractiveList.tsx +1 -2
  20. package/src/components/mosaic/Mosaic.test.tsx +3 -3
  21. package/src/components/mosaic/Mosaic.tsx +2 -3
  22. package/src/components/navigation/Navigation.tsx +42 -37
  23. package/src/components/navigation/NavigationSection.tsx +76 -79
  24. package/src/components/notification/Notification.tsx +1 -5
  25. package/src/components/post-block/PostBlock.tsx +4 -8
  26. package/src/components/progress-tracker/ProgressTracker.stories.tsx +11 -11
  27. package/src/components/select/Select.stories.tsx +14 -5
  28. package/src/components/select/Select.tsx +1 -2
  29. package/src/components/select/SelectMultiple.stories.tsx +12 -10
  30. package/src/components/side-navigation/SideNavigationItem.tsx +1 -1
  31. package/src/components/slideshow/Slides.tsx +1 -1
  32. package/src/components/slideshow/SlideshowControls.tsx +1 -1
  33. package/src/components/switch/Switch.tsx +1 -2
  34. package/src/components/tabs/Tabs.stories.tsx +3 -4
  35. package/src/components/text-field/TextField.test.tsx +2 -2
  36. package/src/components/text-field/TextField.tsx +2 -3
  37. package/src/components/user-block/UserBlock.tsx +7 -9
  38. package/src/hooks/useClickAway.tsx +1 -2
  39. package/src/hooks/useInterval.tsx +1 -4
  40. package/src/hooks/useKeyboardListNavigation.tsx +2 -4
  41. package/src/hooks/useStopPropagation.ts +1 -2
  42. package/src/stories/decorators/withCombinations.tsx +1 -1
  43. package/src/testing/utils/commonTestsSuiteRTL.tsx +2 -2
  44. package/src/utils/collection/castArray.test.ts +15 -0
  45. package/src/utils/collection/castArray.ts +3 -0
  46. package/src/utils/collection/chunk.test.ts +15 -0
  47. package/src/utils/collection/chunk.ts +6 -0
  48. package/src/utils/collection/isEmpty.test.js +20 -0
  49. package/src/utils/collection/isEmpty.ts +4 -0
  50. package/src/utils/collection/last.ts +2 -0
  51. package/src/utils/collection/partitionMulti.test.ts +35 -0
  52. package/src/utils/{partitionMulti.ts → collection/partitionMulti.ts} +13 -12
  53. package/src/utils/collection/pull.test.ts +17 -0
  54. package/src/utils/collection/pull.ts +7 -0
  55. package/src/utils/collection/range.test.js +9 -0
  56. package/src/utils/collection/range.ts +2 -0
  57. package/src/utils/date/getMonthCalendar.ts +3 -4
  58. package/src/utils/flattenChildren.ts +2 -3
  59. package/src/utils/makeListenerTowerContext.ts +2 -2
  60. package/src/utils/react/forwardRef.ts +3 -2
  61. package/src/utils/react/forwardRefPolymorphic.ts +1 -2
  62. package/src/utils/utils.test.ts +0 -27
  63. package/utils/index.d.ts +1 -1
  64. package/utils/index.js +1 -96
  65. package/utils/index.js.map +1 -1
  66. package/_internal/17c3ea1d.js +0 -137
  67. package/_internal/17c3ea1d.js.map +0 -1
  68. package/_internal/1da25128.js +0 -411
  69. package/_internal/1da25128.js.map +0 -1
  70. package/_internal/230173a8.js +0 -13
  71. package/_internal/230173a8.js.map +0 -1
  72. package/_internal/23bdba2d.js +0 -71
  73. package/_internal/23bdba2d.js.map +0 -1
  74. package/_internal/26926e5c.d.ts +0 -36
  75. package/_internal/2a3d237c.js +0 -12
  76. package/_internal/2a3d237c.js.map +0 -1
  77. package/_internal/2c5dbb03.js +0 -26
  78. package/_internal/2c5dbb03.js.map +0 -1
  79. package/_internal/2e2abe51.js +0 -2154
  80. package/_internal/2e2abe51.js.map +0 -1
  81. package/_internal/31490c59.d.ts +0 -167
  82. package/_internal/3181f000.js +0 -14
  83. package/_internal/3181f000.js.map +0 -1
  84. package/_internal/35f100be.d.ts +0 -104
  85. package/_internal/36bd7352.js +0 -219
  86. package/_internal/36bd7352.js.map +0 -1
  87. package/_internal/3a1facc0.js +0 -18
  88. package/_internal/3a1facc0.js.map +0 -1
  89. package/_internal/4c20d932.js +0 -89
  90. package/_internal/4c20d932.js.map +0 -1
  91. package/_internal/4c28d012.js +0 -305
  92. package/_internal/4c28d012.js.map +0 -1
  93. package/_internal/4cd0bf32.js +0 -160
  94. package/_internal/4cd0bf32.js.map +0 -1
  95. package/_internal/4daccdd5.js +0 -25
  96. package/_internal/4daccdd5.js.map +0 -1
  97. package/_internal/524b1d04.js +0 -64
  98. package/_internal/524b1d04.js.map +0 -1
  99. package/_internal/53c94227.js +0 -123
  100. package/_internal/53c94227.js.map +0 -1
  101. package/_internal/54d9ded5.js +0 -418
  102. package/_internal/54d9ded5.js.map +0 -1
  103. package/_internal/56aec41b.js +0 -652
  104. package/_internal/56aec41b.js.map +0 -1
  105. package/_internal/5720caf5.js +0 -124
  106. package/_internal/5720caf5.js.map +0 -1
  107. package/_internal/646f0db6.js +0 -113
  108. package/_internal/646f0db6.js.map +0 -1
  109. package/_internal/6cc8dca8.d.ts +0 -22
  110. package/_internal/7f022f8c.d.ts +0 -34
  111. package/_internal/b8f2948d.js +0 -691
  112. package/_internal/b8f2948d.js.map +0 -1
  113. package/_internal/bc28d510.js +0 -784
  114. package/_internal/bc28d510.js.map +0 -1
  115. package/_internal/c68d24e4.js +0 -145
  116. package/_internal/c68d24e4.js.map +0 -1
  117. package/_internal/c6c99f76.js +0 -105
  118. package/_internal/c6c99f76.js.map +0 -1
  119. package/_internal/cae46566.js +0 -65
  120. package/_internal/cae46566.js.map +0 -1
  121. package/_internal/components/alert-dialog/index.ts-623b1ed3.d.ts +0 -37
  122. package/_internal/components/alert-dialog/index.ts-f83bd6ef.js +0 -148
  123. package/_internal/components/alert-dialog/index.ts-f83bd6ef.js.map +0 -1
  124. package/_internal/components/autocomplete/index.ts-3f8f125c.js +0 -264
  125. package/_internal/components/autocomplete/index.ts-3f8f125c.js.map +0 -1
  126. package/_internal/components/autocomplete/index.ts-8d6b123f.d.ts +0 -201
  127. package/_internal/components/avatar/index.ts-93ee0ea9.js +0 -89
  128. package/_internal/components/avatar/index.ts-93ee0ea9.js.map +0 -1
  129. package/_internal/components/avatar/index.ts-f92852b4.d.ts +0 -43
  130. package/_internal/components/badge/index.ts-2d7700ef.d.ts +0 -30
  131. package/_internal/components/badge/index.ts-6753d67f.js +0 -88
  132. package/_internal/components/badge/index.ts-6753d67f.js.map +0 -1
  133. package/_internal/components/button/index.ts-031307ce.js +0 -51
  134. package/_internal/components/button/index.ts-031307ce.js.map +0 -1
  135. package/_internal/components/button/index.ts-b29e26a4.d.ts +0 -22
  136. package/_internal/components/checkbox/index.ts-a33166d7.js +0 -127
  137. package/_internal/components/checkbox/index.ts-a33166d7.js.map +0 -1
  138. package/_internal/components/checkbox/index.ts-f82358ff.d.ts +0 -38
  139. package/_internal/components/chip/index.ts-4a91f1a7.d.ts +0 -68
  140. package/_internal/components/chip/index.ts-a2b5b771.js +0 -110
  141. package/_internal/components/chip/index.ts-a2b5b771.js.map +0 -1
  142. package/_internal/components/comment-block/index.ts-58fa051a.js +0 -121
  143. package/_internal/components/comment-block/index.ts-58fa051a.js.map +0 -1
  144. package/_internal/components/comment-block/index.ts-8cfa5af0.d.ts +0 -67
  145. package/_internal/components/date-picker/index.ts-145262d5.js +0 -2
  146. package/_internal/components/date-picker/index.ts-145262d5.js.map +0 -1
  147. package/_internal/components/date-picker/index.ts-70a34fa7.d.ts +0 -95
  148. package/_internal/components/dialog/index.ts-ea044db2.js +0 -224
  149. package/_internal/components/dialog/index.ts-ea044db2.js.map +0 -1
  150. package/_internal/components/dialog/index.ts-eca28654.d.ts +0 -55
  151. package/_internal/components/divider/index.ts-4a56db75.js +0 -55
  152. package/_internal/components/divider/index.ts-4a56db75.js.map +0 -1
  153. package/_internal/components/divider/index.ts-b011d8ca.d.ts +0 -18
  154. package/_internal/components/drag-handle/index.ts-0aebf92f.js +0 -54
  155. package/_internal/components/drag-handle/index.ts-0aebf92f.js.map +0 -1
  156. package/_internal/components/drag-handle/index.ts-3ab31dd1.d.ts +0 -18
  157. package/_internal/components/dropdown/index.ts-2a17db51.js +0 -154
  158. package/_internal/components/dropdown/index.ts-2a17db51.js.map +0 -1
  159. package/_internal/components/dropdown/index.ts-b648a15c.d.ts +0 -87
  160. package/_internal/components/expansion-panel/index.ts-69f09f5b.d.ts +0 -38
  161. package/_internal/components/expansion-panel/index.ts-fae3762e.js +0 -143
  162. package/_internal/components/expansion-panel/index.ts-fae3762e.js.map +0 -1
  163. package/_internal/components/flag/index.ts-8dcd685b.js +0 -56
  164. package/_internal/components/flag/index.ts-8dcd685b.js.map +0 -1
  165. package/_internal/components/flag/index.ts-fda89adb.d.ts +0 -23
  166. package/_internal/components/flex-box/index.ts-87f2b58d.d.ts +0 -43
  167. package/_internal/components/flex-box/index.ts-c216e957.js +0 -60
  168. package/_internal/components/flex-box/index.ts-c216e957.js.map +0 -1
  169. package/_internal/components/generic-block/index.ts-999a62a4.js +0 -115
  170. package/_internal/components/generic-block/index.ts-999a62a4.js.map +0 -1
  171. package/_internal/components/generic-block/index.ts-cd3b0e21.d.ts +0 -106
  172. package/_internal/components/grid/index.ts-67e0694f.d.ts +0 -50
  173. package/_internal/components/grid/index.ts-fdf1b306.js +0 -113
  174. package/_internal/components/grid/index.ts-fdf1b306.js.map +0 -1
  175. package/_internal/components/grid-column/index.ts-97c61cbe.js +0 -64
  176. package/_internal/components/grid-column/index.ts-97c61cbe.js.map +0 -1
  177. package/_internal/components/grid-column/index.ts-c89e1c18.d.ts +0 -31
  178. package/_internal/components/heading/index.ts-0179e9a9.js +0 -112
  179. package/_internal/components/heading/index.ts-0179e9a9.js.map +0 -1
  180. package/_internal/components/heading/index.ts-587579e8.d.ts +0 -37
  181. package/_internal/components/icon/index.ts-740ca1de.js +0 -2
  182. package/_internal/components/icon/index.ts-740ca1de.js.map +0 -1
  183. package/_internal/components/icon/index.ts-b3fa5e15.d.ts +0 -34
  184. package/_internal/components/image-block/index.ts-36b3828f.d.ts +0 -49
  185. package/_internal/components/image-block/index.ts-ef5e2e7d.js +0 -111
  186. package/_internal/components/image-block/index.ts-ef5e2e7d.js.map +0 -1
  187. package/_internal/components/image-lightbox/index.ts-137f85a8.js +0 -765
  188. package/_internal/components/image-lightbox/index.ts-137f85a8.js.map +0 -1
  189. package/_internal/components/image-lightbox/index.ts-2cb92d18.d.ts +0 -75
  190. package/_internal/components/inline-list/index.ts-033dd358.js +0 -76
  191. package/_internal/components/inline-list/index.ts-033dd358.js.map +0 -1
  192. package/_internal/components/inline-list/index.ts-e1c8a3ff.d.ts +0 -34
  193. package/_internal/components/input-helper/index.ts-32a9ca90.d.ts +0 -22
  194. package/_internal/components/input-helper/index.ts-ab3a1ef5.js +0 -75
  195. package/_internal/components/input-helper/index.ts-ab3a1ef5.js.map +0 -1
  196. package/_internal/components/input-label/index.ts-86f2ea41.d.ts +0 -24
  197. package/_internal/components/input-label/index.ts-d6ca5569.js +0 -60
  198. package/_internal/components/input-label/index.ts-d6ca5569.js.map +0 -1
  199. package/_internal/components/lightbox/index.ts-5370e8e6.d.ts +0 -36
  200. package/_internal/components/lightbox/index.ts-7a16cdc7.js +0 -149
  201. package/_internal/components/lightbox/index.ts-7a16cdc7.js.map +0 -1
  202. package/_internal/components/link/index.ts-26435006.d.ts +0 -37
  203. package/_internal/components/link/index.ts-d04f4e53.js +0 -120
  204. package/_internal/components/link/index.ts-d04f4e53.js.map +0 -1
  205. package/_internal/components/link-preview/index.ts-e560a274.d.ts +0 -36
  206. package/_internal/components/link-preview/index.ts-fee89f66.js +0 -109
  207. package/_internal/components/link-preview/index.ts-fee89f66.js.map +0 -1
  208. package/_internal/components/list/index.ts-ab57902e.d.ts +0 -118
  209. package/_internal/components/list/index.ts-f3101625.js +0 -86
  210. package/_internal/components/list/index.ts-f3101625.js.map +0 -1
  211. package/_internal/components/message/index.ts-041cf0cb.js +0 -97
  212. package/_internal/components/message/index.ts-041cf0cb.js.map +0 -1
  213. package/_internal/components/message/index.ts-2d38e0ea.d.ts +0 -37
  214. package/_internal/components/mosaic/index.ts-232d5aed.d.ts +0 -23
  215. package/_internal/components/mosaic/index.ts-d2128cd3.js +0 -94
  216. package/_internal/components/mosaic/index.ts-d2128cd3.js.map +0 -1
  217. package/_internal/components/navigation/index.ts-6d8bea53.d.ts +0 -58
  218. package/_internal/components/navigation/index.ts-e8dc0a7f.js +0 -222
  219. package/_internal/components/navigation/index.ts-e8dc0a7f.js.map +0 -1
  220. package/_internal/components/notification/index.ts-235fd340.js +0 -140
  221. package/_internal/components/notification/index.ts-235fd340.js.map +0 -1
  222. package/_internal/components/notification/index.ts-bb3f03f6.d.ts +0 -34
  223. package/_internal/components/popover/index.ts-2f17a9b6.js +0 -3
  224. package/_internal/components/popover/index.ts-2f17a9b6.js.map +0 -1
  225. package/_internal/components/popover/index.ts-e3b4ff19.d.ts +0 -66
  226. package/_internal/components/post-block/index.ts-0acb9bb4.js +0 -101
  227. package/_internal/components/post-block/index.ts-0acb9bb4.js.map +0 -1
  228. package/_internal/components/post-block/index.ts-9b8ff90b.d.ts +0 -41
  229. package/_internal/components/progress/index.ts-2a713859.js +0 -189
  230. package/_internal/components/progress/index.ts-2a713859.js.map +0 -1
  231. package/_internal/components/progress/index.ts-dfdfa5fb.d.ts +0 -60
  232. package/_internal/components/progress-tracker/index.ts-2649f756.js +0 -312
  233. package/_internal/components/progress-tracker/index.ts-2649f756.js.map +0 -1
  234. package/_internal/components/progress-tracker/index.ts-95320f32.d.ts +0 -101
  235. package/_internal/components/radio-button/index.ts-5eaab4cf.d.ts +0 -54
  236. package/_internal/components/radio-button/index.ts-b4dfb2a0.js +0 -150
  237. package/_internal/components/radio-button/index.ts-b4dfb2a0.js.map +0 -1
  238. package/_internal/components/select/index.ts-a65e3507.d.ts +0 -91
  239. package/_internal/components/select/index.ts-e8fad28b.js +0 -257
  240. package/_internal/components/select/index.ts-e8fad28b.js.map +0 -1
  241. package/_internal/components/side-navigation/index.ts-3f5f3785.d.ts +0 -60
  242. package/_internal/components/side-navigation/index.ts-c9a5fc3e.js +0 -184
  243. package/_internal/components/side-navigation/index.ts-c9a5fc3e.js.map +0 -1
  244. package/_internal/components/skeleton/index.ts-a7daefac.d.ts +0 -75
  245. package/_internal/components/skeleton/index.ts-ffc995af.js +0 -179
  246. package/_internal/components/skeleton/index.ts-ffc995af.js.map +0 -1
  247. package/_internal/components/slider/index.ts-24a0d598.d.ts +0 -52
  248. package/_internal/components/slider/index.ts-72aadf4c.js +0 -308
  249. package/_internal/components/slider/index.ts-72aadf4c.js.map +0 -1
  250. package/_internal/components/slideshow/index.ts-c99f2892.js +0 -151
  251. package/_internal/components/slideshow/index.ts-c99f2892.js.map +0 -1
  252. package/_internal/components/slideshow/index.ts-e49462c6.d.ts +0 -25
  253. package/_internal/components/switch/index.ts-207ba52b.d.ts +0 -34
  254. package/_internal/components/switch/index.ts-542e6eaf.js +0 -115
  255. package/_internal/components/switch/index.ts-542e6eaf.js.map +0 -1
  256. package/_internal/components/table/index.ts-905ce390.js +0 -310
  257. package/_internal/components/table/index.ts-905ce390.js.map +0 -1
  258. package/_internal/components/table/index.ts-c4f39b2d.d.ts +0 -108
  259. package/_internal/components/tabs/index.ts-713119f4.js +0 -289
  260. package/_internal/components/tabs/index.ts-713119f4.js.map +0 -1
  261. package/_internal/components/tabs/index.ts-dbfc48d9.d.ts +0 -106
  262. package/_internal/components/text/index.ts-6afbe8cd.js +0 -2
  263. package/_internal/components/text/index.ts-6afbe8cd.js.map +0 -1
  264. package/_internal/components/text/index.ts-8a812048.d.ts +0 -53
  265. package/_internal/components/text-field/index.ts-92e6b3b3.d.ts +0 -77
  266. package/_internal/components/text-field/index.ts-c3be8563.js +0 -341
  267. package/_internal/components/text-field/index.ts-c3be8563.js.map +0 -1
  268. package/_internal/components/thumbnail/index.ts-16d7b403.js +0 -40
  269. package/_internal/components/thumbnail/index.ts-16d7b403.js.map +0 -1
  270. package/_internal/components/thumbnail/index.ts-1b6c0b48.d.ts +0 -8
  271. package/_internal/components/toolbar/index.ts-813b902e.js +0 -63
  272. package/_internal/components/toolbar/index.ts-813b902e.js.map +0 -1
  273. package/_internal/components/toolbar/index.ts-9f5129d1.d.ts +0 -24
  274. package/_internal/components/tooltip/index.ts-905c847c.js +0 -322
  275. package/_internal/components/tooltip/index.ts-905c847c.js.map +0 -1
  276. package/_internal/components/tooltip/index.ts-c6931e9e.d.ts +0 -35
  277. package/_internal/components/uploader/index.ts-31f21c2a.js +0 -132
  278. package/_internal/components/uploader/index.ts-31f21c2a.js.map +0 -1
  279. package/_internal/components/uploader/index.ts-c3ccba98.d.ts +0 -51
  280. package/_internal/components/user-block/index.ts-18c58e19.d.ts +0 -50
  281. package/_internal/components/user-block/index.ts-d43e5f3c.js +0 -136
  282. package/_internal/components/user-block/index.ts-d43e5f3c.js.map +0 -1
  283. package/_internal/dc3e28c8.d.ts +0 -38
  284. package/_internal/f39a1ba4.js +0 -73
  285. package/_internal/f39a1ba4.js.map +0 -1
  286. package/_internal/f3e77e3e.js +0 -22
  287. package/_internal/f3e77e3e.js.map +0 -1
  288. package/_internal/f502ab30.js +0 -78
  289. package/_internal/f502ab30.js.map +0 -1
  290. package/_internal/f52adbae.js +0 -36
  291. package/_internal/f52adbae.js.map +0 -1
  292. package/_internal/f57e1239.js +0 -205
  293. package/_internal/f57e1239.js.map +0 -1
  294. package/_internal/f5ff1aa4.d.ts +0 -47
  295. package/_internal/fb975afe.js +0 -52
  296. package/_internal/fb975afe.js.map +0 -1
@@ -1,95 +0,0 @@
1
- import { I as IconButtonProps } from '../../dc3e28c8.js';
2
- import { G as GenericProps, C as Comp } from '../../8d67e1e3.js';
3
- import { Ref, SyntheticEvent } from 'react';
4
- import { TextFieldProps } from '../text-field/index.ts-92e6b3b3.js';
5
- import '../../7f022f8c.js';
6
- import '../tooltip/index.ts-c6931e9e.js';
7
- import '../../f5ff1aa4.js';
8
- import '../input-label/index.ts-86f2ea41.js';
9
-
10
- /**
11
- * Defines the props of the component.
12
- */
13
- interface DatePickerProps extends GenericProps {
14
- /** Default month. */
15
- defaultMonth?: Date;
16
- /** Locale (language or region) to use. */
17
- locale?: string;
18
- /** Date after which dates can't be selected. */
19
- maxDate?: Date;
20
- /** Date before which dates can't be selected. */
21
- minDate?: Date;
22
- /** Props to pass to the next month button (minus those already set by the DatePickerControlled props). */
23
- nextButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
24
- /** Props to pass to the previous month button (minus those already set by the DatePickerControlled props). */
25
- previousButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
26
- /** Reference to the <button> element corresponding to the current date or the selected date. */
27
- todayOrSelectedDateRef?: Ref<HTMLButtonElement>;
28
- /** Currently selected date. */
29
- value: Date | undefined;
30
- /** On change callback. */
31
- onChange(value: Date | undefined): void;
32
- }
33
-
34
- /**
35
- * DatePicker component.
36
- *
37
- * @param props Component props.
38
- * @param ref Component ref.
39
- * @return React element.
40
- */
41
- declare const DatePicker: Comp<DatePickerProps, HTMLDivElement>;
42
-
43
- /**
44
- * Defines the props of the component.
45
- */
46
- interface DatePickerControlledProps extends DatePickerProps {
47
- /** Selected month to display. */
48
- selectedMonth: Date;
49
- /** On previous month change callback. */
50
- onPrevMonthChange(): void;
51
- /** On next month change callback. */
52
- onNextMonthChange(): void;
53
- /** On month/year change callback. */
54
- onMonthChange?: (newMonth: Date) => void;
55
- }
56
- /**
57
- * DatePickerControlled component.
58
- *
59
- * @param props Component props.
60
- * @param ref Component ref.
61
- * @return React element.
62
- */
63
- declare const DatePickerControlled: Comp<DatePickerControlledProps, HTMLDivElement>;
64
-
65
- /**
66
- * Defines the props of the component.
67
- */
68
- interface DatePickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'>, GenericProps {
69
- /** Default month. */
70
- defaultMonth?: Date;
71
- /** Locale (language or region) to use. */
72
- locale?: string;
73
- /** Date after which dates can't be selected. */
74
- maxDate?: Date;
75
- /** Date before which dates can't be selected. */
76
- minDate?: Date;
77
- /** Props to pass to the next month button (minus those already set by the DatePickerControlled props). */
78
- nextButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
79
- /** Props to pass to the previous month button (minus those already set by the DatePickerControlled props). */
80
- previousButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
81
- /** Currently selected date. */
82
- value: Date | undefined;
83
- /** On change callback. */
84
- onChange(value: Date | undefined, name?: string, event?: SyntheticEvent): void;
85
- }
86
- /**
87
- * DatePickerField component.
88
- *
89
- * @param props Component props.
90
- * @param ref Component ref.
91
- * @return React element.
92
- */
93
- declare const DatePickerField: Comp<DatePickerFieldProps, HTMLDivElement>;
94
-
95
- export { DatePicker, DatePickerControlled, type DatePickerControlledProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps };
@@ -1,224 +0,0 @@
1
- import { h as getRootClassName, S as Size, i as forwardRef, D as DOCUMENT, j as _objectWithoutProperties, _ as _extends, g as classNames, n as DIALOG_TRANSITION_DURATION } from '../../1da25128.js';
2
- import React__default, { useState, useEffect, useRef, useMemo, Children } from 'react';
3
- import { createPortal } from 'react-dom';
4
- import { u as useCallbackOnEscape } from '../../cae46566.js';
5
- import { u as useFocusTrap } from '../../646f0db6.js';
6
- import { i as isComponent } from '../../f39a1ba4.js';
7
- import { p as partitionMulti } from '../../4daccdd5.js';
8
- import { m as mergeRefs } from '../../f52adbae.js';
9
- import { u as useDisableBodyScroll } from '../../36bd7352.js';
10
- import { u as useTransitionVisibility } from '../../fb975afe.js';
11
- import { T as ThemeProvider } from '../../3181f000.js';
12
- import { h as handleBasicClasses } from '../../f57e1239.js';
13
- import { Progress, ProgressVariant } from '../progress/index.ts-2a713859.js';
14
- import { ClickAwayProvider } from '../../../utils/index.js';
15
-
16
- /**
17
- * Convenient hook to create interaction observers.
18
- *
19
- * @param elements Elements to observe.
20
- * @param options IntersectionObserver options.
21
- * @return Map of intersections.
22
- */
23
- function useIntersectionObserver(elements, options) {
24
- const [intersections, setIntersections] = useState(() => new Map());
25
- useEffect(() => {
26
- if (elements.length < 1 || !elements.some(Boolean)) {
27
- return undefined;
28
- }
29
- const observer = new IntersectionObserver(entries => {
30
- for (const entry of entries) {
31
- intersections.set(entry.target, entry);
32
- }
33
- setIntersections(new Map(intersections));
34
- }, options);
35
- for (const element of elements) {
36
- if (element) {
37
- observer.observe(element);
38
- }
39
- }
40
- return () => observer.disconnect();
41
- },
42
- // eslint-disable-next-line react-hooks/exhaustive-deps
43
- [...elements]);
44
- return intersections;
45
- }
46
-
47
- const _excluded = ["children", "className", "header", "focusElement", "forceFooterDivider", "forceHeaderDivider", "footer", "isLoading", "isOpen", "onClose", "parentElement", "contentRef", "preventAutoClose", "size", "zIndex", "dialogProps", "onVisibilityChange", "disableBodyScroll", "preventCloseOnClick", "preventCloseOnEscape"];
48
-
49
- /**
50
- * Defines the props of the component.
51
- */
52
-
53
- const isHeader = isComponent('header');
54
- const isFooter = isComponent('footer');
55
-
56
- /**
57
- * Component display name.
58
- */
59
- const COMPONENT_NAME = 'Dialog';
60
-
61
- /**
62
- * Component default class name and class prefix.
63
- */
64
- const CLASSNAME = getRootClassName(COMPONENT_NAME);
65
-
66
- /**
67
- * Component default props.
68
- */
69
- const DEFAULT_PROPS = {
70
- size: Size.big,
71
- disableBodyScroll: true
72
- };
73
-
74
- /**
75
- * Dialog component.
76
- *
77
- * @param props Component props.
78
- * @param ref Component ref.
79
- * @return React element.
80
- */
81
- const Dialog = forwardRef((props, ref) => {
82
- var _intersections$get$is, _intersections$get, _intersections$get$is2, _intersections$get2;
83
- if (!DOCUMENT) {
84
- // Can't render in SSR.
85
- return null;
86
- }
87
- const {
88
- children,
89
- className,
90
- header,
91
- focusElement,
92
- forceFooterDivider,
93
- forceHeaderDivider,
94
- footer,
95
- isLoading,
96
- isOpen,
97
- onClose,
98
- parentElement,
99
- contentRef,
100
- preventAutoClose,
101
- size,
102
- zIndex,
103
- dialogProps,
104
- onVisibilityChange,
105
- disableBodyScroll,
106
- preventCloseOnClick,
107
- preventCloseOnEscape
108
- } = props,
109
- forwardedProps = _objectWithoutProperties(props, _excluded);
110
-
111
- // eslint-disable-next-line react-hooks/rules-of-hooks
112
- const previousOpen = React__default.useRef(isOpen);
113
- // eslint-disable-next-line react-hooks/rules-of-hooks
114
- React__default.useEffect(() => {
115
- if (isOpen !== previousOpen.current) {
116
- previousOpen.current = isOpen;
117
-
118
- // Focus the parent element on close.
119
- if (!isOpen && parentElement && parentElement.current) {
120
- parentElement.current.focus();
121
- }
122
- }
123
- }, [isOpen, parentElement]);
124
- const shouldPreventCloseOnEscape = preventAutoClose || preventCloseOnEscape;
125
-
126
- // eslint-disable-next-line react-hooks/rules-of-hooks
127
- useCallbackOnEscape(onClose, isOpen && !shouldPreventCloseOnEscape);
128
-
129
- // eslint-disable-next-line react-hooks/rules-of-hooks
130
- const wrapperRef = useRef(null);
131
- /**
132
- * Since the `contentRef` comes from the parent and is optional,
133
- * we need to create a stable contentRef that will always be available.
134
- */
135
- // eslint-disable-next-line react-hooks/rules-of-hooks
136
- const localContentRef = useRef(null);
137
- // Handle focus trap.
138
- // eslint-disable-next-line react-hooks/rules-of-hooks
139
- useFocusTrap(isOpen && wrapperRef.current, focusElement === null || focusElement === void 0 ? void 0 : focusElement.current);
140
-
141
- // eslint-disable-next-line react-hooks/rules-of-hooks
142
- useDisableBodyScroll(disableBodyScroll && isOpen && localContentRef.current);
143
-
144
- // eslint-disable-next-line react-hooks/rules-of-hooks
145
- const [sentinelTop, setSentinelTop] = useState(null);
146
- // eslint-disable-next-line react-hooks/rules-of-hooks
147
- const [sentinelBottom, setSentinelBottom] = useState(null);
148
- // eslint-disable-next-line react-hooks/rules-of-hooks
149
- const intersections = useIntersectionObserver([sentinelTop, sentinelBottom], {
150
- threshold: [0, 1]
151
- });
152
- const hasTopIntersection = sentinelTop && !((_intersections$get$is = (_intersections$get = intersections.get(sentinelTop)) === null || _intersections$get === void 0 ? void 0 : _intersections$get.isIntersecting) !== null && _intersections$get$is !== void 0 ? _intersections$get$is : true);
153
- const hasBottomIntersection = sentinelBottom && !((_intersections$get$is2 = (_intersections$get2 = intersections.get(sentinelBottom)) === null || _intersections$get2 === void 0 ? void 0 : _intersections$get2.isIntersecting) !== null && _intersections$get$is2 !== void 0 ? _intersections$get$is2 : true);
154
-
155
- // Separate header, footer and dialog content from children.
156
- // eslint-disable-next-line react-hooks/rules-of-hooks
157
- const [[headerChild], [footerChild], content] = useMemo(() => partitionMulti(Children.toArray(children), [isHeader, isFooter]), [children]);
158
- const headerChildProps = headerChild === null || headerChild === void 0 ? void 0 : headerChild.props;
159
- const headerChildContent = headerChildProps === null || headerChildProps === void 0 ? void 0 : headerChildProps.children;
160
- const footerChildProps = footerChild === null || footerChild === void 0 ? void 0 : footerChild.props;
161
- const footerChildContent = footerChildProps === null || footerChildProps === void 0 ? void 0 : footerChildProps.children;
162
-
163
- // eslint-disable-next-line react-hooks/rules-of-hooks
164
- const clickAwayRefs = useRef([wrapperRef]);
165
-
166
- // eslint-disable-next-line react-hooks/rules-of-hooks
167
- const rootRef = useRef(null);
168
-
169
- // eslint-disable-next-line react-hooks/rules-of-hooks
170
- const isVisible = useTransitionVisibility(rootRef, Boolean(isOpen), DIALOG_TRANSITION_DURATION, onVisibilityChange);
171
- const shouldPreventCloseOnClickAway = preventAutoClose || preventCloseOnClick;
172
- return isOpen || isVisible ? /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", _extends({
173
- ref: mergeRefs(rootRef, ref)
174
- }, forwardedProps, {
175
- className: classNames(className, handleBasicClasses({
176
- isHidden: !isOpen,
177
- isLoading,
178
- isShown: isOpen || isVisible,
179
- prefix: CLASSNAME,
180
- size
181
- })),
182
- style: {
183
- zIndex
184
- }
185
- }), /*#__PURE__*/React__default.createElement("div", {
186
- className: `${CLASSNAME}__overlay`
187
- }), /*#__PURE__*/React__default.createElement(ThemeProvider, {
188
- value: undefined
189
- }, /*#__PURE__*/React__default.createElement("section", _extends({
190
- className: `${CLASSNAME}__container`,
191
- role: "dialog",
192
- "aria-modal": "true"
193
- }, dialogProps), /*#__PURE__*/React__default.createElement(ClickAwayProvider, {
194
- callback: !shouldPreventCloseOnClickAway && onClose,
195
- childrenRefs: clickAwayRefs,
196
- parentRef: rootRef
197
- }, /*#__PURE__*/React__default.createElement("div", {
198
- className: `${CLASSNAME}__wrapper`,
199
- ref: wrapperRef
200
- }, (header || headerChildContent) && /*#__PURE__*/React__default.createElement("header", _extends({}, headerChildProps, {
201
- className: classNames(`${CLASSNAME}__header`, (forceHeaderDivider || hasTopIntersection) && `${CLASSNAME}__header--has-divider`, headerChildProps === null || headerChildProps === void 0 ? void 0 : headerChildProps.className)
202
- }), header, headerChildContent), /*#__PURE__*/React__default.createElement("div", {
203
- ref: mergeRefs(contentRef, localContentRef),
204
- className: `${CLASSNAME}__content`
205
- }, /*#__PURE__*/React__default.createElement("div", {
206
- className: `${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--top`,
207
- ref: setSentinelTop
208
- }), content, /*#__PURE__*/React__default.createElement("div", {
209
- className: `${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--bottom`,
210
- ref: setSentinelBottom
211
- })), (footer || footerChildContent) && /*#__PURE__*/React__default.createElement("footer", _extends({}, footerChildProps, {
212
- className: classNames(`${CLASSNAME}__footer`, (forceFooterDivider || hasBottomIntersection) && `${CLASSNAME}__footer--has-divider`, footerChildProps === null || footerChildProps === void 0 ? void 0 : footerChildProps.className)
213
- }), footer, footerChildContent), isLoading && /*#__PURE__*/React__default.createElement("div", {
214
- className: `${CLASSNAME}__progress-overlay`
215
- }, /*#__PURE__*/React__default.createElement(Progress, {
216
- variant: ProgressVariant.circular
217
- }))))))), document.body) : null;
218
- });
219
- Dialog.displayName = COMPONENT_NAME;
220
- Dialog.className = CLASSNAME;
221
- Dialog.defaultProps = DEFAULT_PROPS;
222
-
223
- export { Dialog };
224
- //# sourceMappingURL=index.ts-ea044db2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.ts-ea044db2.js","sources":["../../../../src/hooks/useIntersectionObserver.tsx","../../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type Intersections<T> = Map<T, IntersectionObserverEntry>;\n\n/**\n * Convenient hook to create interaction observers.\n *\n * @param elements Elements to observe.\n * @param options IntersectionObserver options.\n * @return Map of intersections.\n */\nexport function useIntersectionObserver<T extends Element>(\n elements: Array<T | null | undefined>,\n options?: IntersectionObserverInit,\n): Intersections<T> {\n const [intersections, setIntersections] = useState<Intersections<T>>(() => new Map());\n\n useEffect(\n () => {\n if (elements.length < 1 || !elements.some(Boolean)) {\n return undefined;\n }\n\n const observer = new IntersectionObserver((entries) => {\n for (const entry of entries) {\n intersections.set(entry.target as T, entry);\n }\n setIntersections(new Map(intersections));\n }, options);\n\n for (const element of elements) {\n if (element) {\n observer.observe(element);\n }\n }\n return () => observer.disconnect();\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [...elements],\n );\n\n return intersections;\n}\n","import React, { Children, ReactElement, ReactNode, Ref, RefObject, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport classNames from 'classnames';\n\nimport { Progress, ProgressVariant, Size } from '@lumx/react';\n\nimport { DIALOG_TRANSITION_DURATION, DOCUMENT } from '@lumx/react/constants';\nimport { useCallbackOnEscape } from '@lumx/react/hooks/useCallbackOnEscape';\nimport { useFocusTrap } from '@lumx/react/hooks/useFocusTrap';\nimport { useIntersectionObserver } from '@lumx/react/hooks/useIntersectionObserver';\n\nimport { GenericProps, isComponent } from '@lumx/react/utils/type';\nimport { partitionMulti } from '@lumx/react/utils/partitionMulti';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { ClickAwayProvider } from '@lumx/react/utils/ClickAwayProvider';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useDisableBodyScroll } from '@lumx/react/hooks/useDisableBodyScroll';\nimport { useTransitionVisibility } from '@lumx/react/hooks/useTransitionVisibility';\nimport { ThemeProvider } from '@lumx/react/utils/theme/ThemeContext';\n\n/**\n * Defines the props of the component.\n */\nexport interface DialogProps extends GenericProps {\n /** Footer content. */\n footer?: ReactNode;\n /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */\n forceFooterDivider?: boolean;\n /** Header content. */\n header?: ReactNode;\n /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */\n forceHeaderDivider?: boolean;\n /** Whether the indefinite progress indicator over the dialog content is displayed or not. */\n isLoading?: boolean;\n /** Whether the component is open or not. */\n isOpen?: boolean;\n /** Reference to the parent element that triggered modal opening (will get back focus on close). */\n parentElement?: RefObject<HTMLElement>;\n /** Reference to the dialog content element. */\n contentRef?: Ref<HTMLDivElement>;\n /** Reference to the of the element that should get the focus when the dialogs opens. By default, the first child will take focus. */\n focusElement?: RefObject<HTMLElement>;\n /** Whether to keep the dialog open on clickaway or escape press. */\n preventAutoClose?: boolean;\n /** Whether to keep the dialog open on escape press. */\n preventCloseOnEscape?: boolean;\n /** Whether to keep the dialog open on clickaway. */\n preventCloseOnClick?: boolean;\n /** Size variant. */\n size?: DialogSizes;\n /** Z-axis position. */\n zIndex?: number;\n /** Z-axis position. */\n dialogProps?: GenericProps;\n /** On close callback. */\n onClose?(): void;\n /** Callback called when the open animation starts and the close animation finishes. */\n onVisibilityChange?(isVisible: boolean): void;\n /** whether to disable the scroll on the body or not */\n disableBodyScroll?: boolean;\n}\n\nexport type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;\n\nconst isHeader = isComponent('header');\nconst isFooter = isComponent('footer');\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Dialog';\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<DialogProps> = {\n size: Size.big,\n disableBodyScroll: true,\n};\n\n/**\n * Dialog component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Dialog = forwardRef<DialogProps, HTMLDivElement>((props, ref) => {\n if (!DOCUMENT) {\n // Can't render in SSR.\n return null;\n }\n\n const {\n children,\n className,\n header,\n focusElement,\n forceFooterDivider,\n forceHeaderDivider,\n footer,\n isLoading,\n isOpen,\n onClose,\n parentElement,\n contentRef,\n preventAutoClose,\n size,\n zIndex,\n dialogProps,\n onVisibilityChange,\n disableBodyScroll,\n preventCloseOnClick,\n preventCloseOnEscape,\n ...forwardedProps\n } = props;\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const previousOpen = React.useRef(isOpen);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (isOpen !== previousOpen.current) {\n previousOpen.current = isOpen;\n\n // Focus the parent element on close.\n if (!isOpen && parentElement && parentElement.current) {\n parentElement.current.focus();\n }\n }\n }, [isOpen, parentElement]);\n\n const shouldPreventCloseOnEscape = preventAutoClose || preventCloseOnEscape;\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useCallbackOnEscape(onClose, isOpen && !shouldPreventCloseOnEscape);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const wrapperRef = useRef<HTMLDivElement>(null);\n /**\n * Since the `contentRef` comes from the parent and is optional,\n * we need to create a stable contentRef that will always be available.\n */\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const localContentRef = useRef<HTMLDivElement>(null);\n // Handle focus trap.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useFocusTrap(isOpen && wrapperRef.current, focusElement?.current);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useDisableBodyScroll(disableBodyScroll && isOpen && localContentRef.current);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [sentinelTop, setSentinelTop] = useState<Element | null>(null);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [sentinelBottom, setSentinelBottom] = useState<Element | null>(null);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const intersections = useIntersectionObserver([sentinelTop, sentinelBottom], {\n threshold: [0, 1],\n });\n\n const hasTopIntersection = sentinelTop && !(intersections.get(sentinelTop)?.isIntersecting ?? true);\n const hasBottomIntersection = sentinelBottom && !(intersections.get(sentinelBottom)?.isIntersecting ?? true);\n\n // Separate header, footer and dialog content from children.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [[headerChild], [footerChild], content] = useMemo(\n () => partitionMulti(Children.toArray(children), [isHeader, isFooter]),\n [children],\n );\n const headerChildProps = (headerChild as ReactElement)?.props;\n const headerChildContent = headerChildProps?.children;\n const footerChildProps = (footerChild as ReactElement)?.props;\n const footerChildContent = footerChildProps?.children;\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const clickAwayRefs = useRef([wrapperRef]);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const rootRef = useRef<HTMLDivElement>(null);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const isVisible = useTransitionVisibility(rootRef, Boolean(isOpen), DIALOG_TRANSITION_DURATION, onVisibilityChange);\n\n const shouldPreventCloseOnClickAway = preventAutoClose || preventCloseOnClick;\n\n return isOpen || isVisible\n ? createPortal(\n <div\n ref={mergeRefs(rootRef, ref)}\n {...forwardedProps}\n className={classNames(\n className,\n handleBasicClasses({\n isHidden: !isOpen,\n isLoading,\n isShown: isOpen || isVisible,\n prefix: CLASSNAME,\n size,\n }),\n )}\n style={{ zIndex }}\n >\n <div className={`${CLASSNAME}__overlay`} />\n\n <ThemeProvider value={undefined}>\n <section className={`${CLASSNAME}__container`} role=\"dialog\" aria-modal=\"true\" {...dialogProps}>\n <ClickAwayProvider\n callback={!shouldPreventCloseOnClickAway && onClose}\n childrenRefs={clickAwayRefs}\n parentRef={rootRef}\n >\n <div className={`${CLASSNAME}__wrapper`} ref={wrapperRef}>\n {(header || headerChildContent) && (\n <header\n {...headerChildProps}\n className={classNames(\n `${CLASSNAME}__header`,\n (forceHeaderDivider || hasTopIntersection) &&\n `${CLASSNAME}__header--has-divider`,\n headerChildProps?.className,\n )}\n >\n {header}\n {headerChildContent}\n </header>\n )}\n\n <div ref={mergeRefs(contentRef, localContentRef)} className={`${CLASSNAME}__content`}>\n <div\n className={`${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--top`}\n ref={setSentinelTop}\n />\n\n {content}\n\n <div\n className={`${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--bottom`}\n ref={setSentinelBottom}\n />\n </div>\n\n {(footer || footerChildContent) && (\n <footer\n {...footerChildProps}\n className={classNames(\n `${CLASSNAME}__footer`,\n (forceFooterDivider || hasBottomIntersection) &&\n `${CLASSNAME}__footer--has-divider`,\n footerChildProps?.className,\n )}\n >\n {footer}\n {footerChildContent}\n </footer>\n )}\n\n {isLoading && (\n <div className={`${CLASSNAME}__progress-overlay`}>\n <Progress variant={ProgressVariant.circular} />\n </div>\n )}\n </div>\n </ClickAwayProvider>\n </section>\n </ThemeProvider>\n </div>,\n document.body,\n )\n : null;\n});\nDialog.displayName = COMPONENT_NAME;\nDialog.className = CLASSNAME;\nDialog.defaultProps = DEFAULT_PROPS;\n"],"names":["useIntersectionObserver","elements","options","intersections","setIntersections","useState","Map","useEffect","length","some","Boolean","undefined","observer","IntersectionObserver","entries","entry","set","target","element","observe","disconnect","isHeader","isComponent","isFooter","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","big","disableBodyScroll","Dialog","forwardRef","props","ref","_intersections$get$is","_intersections$get","_intersections$get$is2","_intersections$get2","DOCUMENT","children","className","header","focusElement","forceFooterDivider","forceHeaderDivider","footer","isLoading","isOpen","onClose","parentElement","contentRef","preventAutoClose","zIndex","dialogProps","onVisibilityChange","preventCloseOnClick","preventCloseOnEscape","forwardedProps","_objectWithoutProperties","_excluded","previousOpen","React","useRef","current","focus","shouldPreventCloseOnEscape","useCallbackOnEscape","wrapperRef","localContentRef","useFocusTrap","useDisableBodyScroll","sentinelTop","setSentinelTop","sentinelBottom","setSentinelBottom","threshold","hasTopIntersection","get","isIntersecting","hasBottomIntersection","headerChild","footerChild","content","useMemo","partitionMulti","Children","toArray","headerChildProps","headerChildContent","footerChildProps","footerChildContent","clickAwayRefs","rootRef","isVisible","useTransitionVisibility","DIALOG_TRANSITION_DURATION","shouldPreventCloseOnClickAway","createPortal","createElement","_extends","mergeRefs","classNames","handleBasicClasses","isHidden","isShown","prefix","style","ThemeProvider","value","role","ClickAwayProvider","callback","childrenRefs","parentRef","Progress","variant","ProgressVariant","circular","document","body","displayName","defaultProps"],"mappings":"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"}
@@ -1,55 +0,0 @@
1
- import { G as GenericProps, S as Size, C as Comp } from '../../8d67e1e3.js';
2
- import { ReactNode, RefObject, Ref } from 'react';
3
-
4
- /**
5
- * Defines the props of the component.
6
- */
7
- interface DialogProps extends GenericProps {
8
- /** Footer content. */
9
- footer?: ReactNode;
10
- /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */
11
- forceFooterDivider?: boolean;
12
- /** Header content. */
13
- header?: ReactNode;
14
- /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */
15
- forceHeaderDivider?: boolean;
16
- /** Whether the indefinite progress indicator over the dialog content is displayed or not. */
17
- isLoading?: boolean;
18
- /** Whether the component is open or not. */
19
- isOpen?: boolean;
20
- /** Reference to the parent element that triggered modal opening (will get back focus on close). */
21
- parentElement?: RefObject<HTMLElement>;
22
- /** Reference to the dialog content element. */
23
- contentRef?: Ref<HTMLDivElement>;
24
- /** Reference to the of the element that should get the focus when the dialogs opens. By default, the first child will take focus. */
25
- focusElement?: RefObject<HTMLElement>;
26
- /** Whether to keep the dialog open on clickaway or escape press. */
27
- preventAutoClose?: boolean;
28
- /** Whether to keep the dialog open on escape press. */
29
- preventCloseOnEscape?: boolean;
30
- /** Whether to keep the dialog open on clickaway. */
31
- preventCloseOnClick?: boolean;
32
- /** Size variant. */
33
- size?: DialogSizes;
34
- /** Z-axis position. */
35
- zIndex?: number;
36
- /** Z-axis position. */
37
- dialogProps?: GenericProps;
38
- /** On close callback. */
39
- onClose?(): void;
40
- /** Callback called when the open animation starts and the close animation finishes. */
41
- onVisibilityChange?(isVisible: boolean): void;
42
- /** whether to disable the scroll on the body or not */
43
- disableBodyScroll?: boolean;
44
- }
45
- type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
46
- /**
47
- * Dialog component.
48
- *
49
- * @param props Component props.
50
- * @param ref Component ref.
51
- * @return React element.
52
- */
53
- declare const Dialog: Comp<DialogProps, HTMLDivElement>;
54
-
55
- export { Dialog, type DialogProps, type DialogSizes };
@@ -1,55 +0,0 @@
1
- import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames } 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 = ["className", "theme"];
7
-
8
- /**
9
- * Defines the props of the component.
10
- */
11
-
12
- /**
13
- * Component display name.
14
- */
15
- const COMPONENT_NAME = 'Divider';
16
-
17
- /**
18
- * Component default class name and class prefix.
19
- */
20
- const CLASSNAME = getRootClassName(COMPONENT_NAME);
21
-
22
- /**
23
- * Component default props.
24
- */
25
- const DEFAULT_PROPS = {};
26
-
27
- /**
28
- * Divider component.
29
- *
30
- * @param props Component props.
31
- * @param ref Component ref.
32
- * @return React element.
33
- */
34
- const Divider = forwardRef((props, ref) => {
35
- const defaultTheme = useTheme() || Theme.light;
36
- const {
37
- className,
38
- theme = defaultTheme
39
- } = props,
40
- forwardedProps = _objectWithoutProperties(props, _excluded);
41
- return /*#__PURE__*/React__default.createElement("hr", _extends({
42
- ref: ref
43
- }, forwardedProps, {
44
- className: classNames(className, handleBasicClasses({
45
- prefix: CLASSNAME,
46
- theme
47
- }))
48
- }));
49
- });
50
- Divider.displayName = COMPONENT_NAME;
51
- Divider.className = CLASSNAME;
52
- Divider.defaultProps = DEFAULT_PROPS;
53
-
54
- export { Divider };
55
- //# sourceMappingURL=index.ts-4a56db75.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.ts-4a56db75.js","sources":["../../../../src/components/divider/Divider.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\n/**\n * Defines the props of the component.\n */\nexport interface DividerProps extends GenericProps, HasTheme {}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Divider';\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<DividerProps> = {};\n\n/**\n * Divider component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Divider = forwardRef<DividerProps, HTMLHRElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const { className, theme = defaultTheme, ...forwardedProps } = props;\n\n return (\n <hr\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }))}\n />\n );\n});\nDivider.displayName = COMPONENT_NAME;\nDivider.className = CLASSNAME;\nDivider.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Divider","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;;AAUA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,SAAS,CAAA;;AAEhC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAoC,GAAG,EAAE,CAAA;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,OAAO,GAAGC,UAAU,CAA8B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;MAAEC,SAAS;AAAEC,MAAAA,KAAK,GAAGL,YAAAA;AAAgC,KAAC,GAAGF,KAAK;AAAxBQ,IAAAA,cAAc,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AAEpE,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,QAAA,CAAA;AACIZ,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLO,cAAc,EAAA;AAClBF,IAAAA,SAAS,EAAEQ,UAAU,CAACR,SAAS,EAAES,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAErB,SAAS;AAAEY,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GAAA,CACtF,CAAC,CAAA;AAEV,CAAC,EAAC;AACFT,OAAO,CAACmB,WAAW,GAAGvB,cAAc,CAAA;AACpCI,OAAO,CAACQ,SAAS,GAAGX,SAAS,CAAA;AAC7BG,OAAO,CAACoB,YAAY,GAAGrB,aAAa;;;;"}
@@ -1,18 +0,0 @@
1
- import { G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
2
- import 'react';
3
-
4
- /**
5
- * Defines the props of the component.
6
- */
7
- interface DividerProps extends GenericProps, HasTheme {
8
- }
9
- /**
10
- * Divider component.
11
- *
12
- * @param props Component props.
13
- * @param ref Component ref.
14
- * @return React element.
15
- */
16
- declare const Divider: Comp<DividerProps, HTMLHRElement>;
17
-
18
- export { Divider, type DividerProps };
@@ -1,54 +0,0 @@
1
- import { h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, _ as _extends, g as classNames, T as Theme, C as ColorPalette, 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
- import { I as Icon, l as mdiDragVertical } from '../../c6c99f76.js';
6
-
7
- const _excluded = ["className", "theme"];
8
-
9
- /**
10
- * Defines the props of the component.
11
- */
12
-
13
- /**
14
- * Component display name.
15
- */
16
- const COMPONENT_NAME = 'DragHandle';
17
-
18
- /**
19
- * Component default class name and class prefix.
20
- */
21
- const CLASSNAME = getRootClassName(COMPONENT_NAME);
22
-
23
- /**
24
- * DragHandle component.
25
- *
26
- * @param props Component props.
27
- * @param ref Component ref.
28
- * @return React element.
29
- */
30
- const DragHandle = forwardRef((props, ref) => {
31
- const defaultTheme = useTheme();
32
- const {
33
- className,
34
- theme = defaultTheme
35
- } = props,
36
- forwardedProps = _objectWithoutProperties(props, _excluded);
37
- return /*#__PURE__*/React__default.createElement("div", _extends({
38
- ref: ref
39
- }, forwardedProps, {
40
- className: classNames(className, handleBasicClasses({
41
- prefix: CLASSNAME,
42
- theme
43
- }))
44
- }), /*#__PURE__*/React__default.createElement(Icon, {
45
- icon: mdiDragVertical,
46
- color: theme === Theme.dark ? ColorPalette.light : ColorPalette.dark,
47
- size: Size.xs
48
- }));
49
- });
50
- DragHandle.displayName = COMPONENT_NAME;
51
- DragHandle.className = CLASSNAME;
52
-
53
- export { DragHandle };
54
- //# sourceMappingURL=index.ts-0aebf92f.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.ts-0aebf92f.js","sources":["../../../../src/components/drag-handle/DragHandle.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiDragVertical } from '@lumx/icons';\nimport { ColorPalette, Icon, Size, 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\n/**\n * Defines the props of the component.\n */\nexport interface DragHandleProps extends GenericProps, HasTheme {}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'DragHandle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * DragHandle component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const DragHandle = forwardRef<DragHandleProps, HTMLDivElement>((props, ref) => {\n const defaultTheme = useTheme();\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 <Icon\n icon={mdiDragVertical}\n color={theme === Theme.dark ? ColorPalette.light : ColorPalette.dark}\n size={Size.xs}\n />\n </div>\n );\n});\nDragHandle.displayName = COMPONENT_NAME;\nDragHandle.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DragHandle","forwardRef","props","ref","defaultTheme","useTheme","className","theme","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","Icon","icon","mdiDragVertical","color","Theme","dark","ColorPalette","light","size","Size","xs","displayName"],"mappings":";;;;;;;;AAWA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,UAAU,GAAGC,UAAU,CAAkC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAClF,EAAA,MAAMC,YAAY,GAAGC,QAAQ,EAAE,CAAA;EAC/B,MAAM;MAAEC,SAAS;AAAEC,MAAAA,KAAK,GAAGH,YAAAA;AAAgC,KAAC,GAAGF,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEpE,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACIV,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLK,cAAc,EAAA;AAClBF,IAAAA,SAAS,EAAEQ,UAAU,CAACR,SAAS,EAAES,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAElB,SAAS;AAAES,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GAAA,CAAA,eAEnFI,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AACDC,IAAAA,IAAI,EAAEC,eAAgB;AACtBC,IAAAA,KAAK,EAAEb,KAAK,KAAKc,KAAK,CAACC,IAAI,GAAGC,YAAY,CAACC,KAAK,GAAGD,YAAY,CAACD,IAAK;IACrEG,IAAI,EAAEC,IAAI,CAACC,EAAAA;AAAG,GACjB,CACA,CAAC,CAAA;AAEd,CAAC,EAAC;AACF3B,UAAU,CAAC4B,WAAW,GAAG/B,cAAc,CAAA;AACvCG,UAAU,CAACM,SAAS,GAAGR,SAAS;;;;"}
@@ -1,18 +0,0 @@
1
- import { G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
2
- import 'react';
3
-
4
- /**
5
- * Defines the props of the component.
6
- */
7
- interface DragHandleProps extends GenericProps, HasTheme {
8
- }
9
- /**
10
- * DragHandle component.
11
- *
12
- * @param props Component props.
13
- * @param ref Component ref.
14
- * @return React element.
15
- */
16
- declare const DragHandle: Comp<DragHandleProps, HTMLDivElement>;
17
-
18
- export { DragHandle, type DragHandleProps };