@hitachivantara/uikit-react-lab 4.0.2 → 4.0.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 (450) hide show
  1. package/dist/ColorPicker/ColorPicker.js +25 -78
  2. package/dist/ColorPicker/ColorPicker.js.map +1 -1
  3. package/dist/ColorPicker/Fields/Fields.js +15 -47
  4. package/dist/ColorPicker/Fields/Fields.js.map +1 -1
  5. package/dist/ColorPicker/Fields/index.js +0 -2
  6. package/dist/ColorPicker/Fields/index.js.map +1 -1
  7. package/dist/ColorPicker/Fields/styles.js +0 -2
  8. package/dist/ColorPicker/Fields/styles.js.map +1 -1
  9. package/dist/ColorPicker/Picker/Picker.js +5 -23
  10. package/dist/ColorPicker/Picker/Picker.js.map +1 -1
  11. package/dist/ColorPicker/Picker/index.js +0 -2
  12. package/dist/ColorPicker/Picker/index.js.map +1 -1
  13. package/dist/ColorPicker/Picker/styles.js +0 -2
  14. package/dist/ColorPicker/Picker/styles.js.map +1 -1
  15. package/dist/ColorPicker/PresetColors/PresetColors.js +2 -24
  16. package/dist/ColorPicker/PresetColors/PresetColors.js.map +1 -1
  17. package/dist/ColorPicker/PresetColors/index.js +0 -2
  18. package/dist/ColorPicker/PresetColors/index.js.map +1 -1
  19. package/dist/ColorPicker/PresetColors/styles.js +0 -2
  20. package/dist/ColorPicker/PresetColors/styles.js.map +1 -1
  21. package/dist/ColorPicker/index.js +0 -2
  22. package/dist/ColorPicker/index.js.map +1 -1
  23. package/dist/ColorPicker/styles.js +0 -2
  24. package/dist/ColorPicker/styles.js.map +1 -1
  25. package/dist/Drawer/Drawer.js +10 -50
  26. package/dist/Drawer/Drawer.js.map +1 -1
  27. package/dist/Drawer/index.js +0 -2
  28. package/dist/Drawer/index.js.map +1 -1
  29. package/dist/Drawer/styles.js +0 -3
  30. package/dist/Drawer/styles.js.map +1 -1
  31. package/dist/ImageCarousel/ImageCarousel.js +46 -149
  32. package/dist/ImageCarousel/ImageCarousel.js.map +1 -1
  33. package/dist/ImageCarousel/index.js +0 -2
  34. package/dist/ImageCarousel/index.js.map +1 -1
  35. package/dist/ImageCarousel/styles.js +0 -5
  36. package/dist/ImageCarousel/styles.js.map +1 -1
  37. package/dist/InlineEditor/InlineEditor.js +25 -82
  38. package/dist/InlineEditor/InlineEditor.js.map +1 -1
  39. package/dist/InlineEditor/index.js +0 -2
  40. package/dist/InlineEditor/index.js.map +1 -1
  41. package/dist/InlineEditor/styles.js +0 -14
  42. package/dist/InlineEditor/styles.js.map +1 -1
  43. package/dist/NavigationAnchors/NavigationAnchors.js +44 -116
  44. package/dist/NavigationAnchors/NavigationAnchors.js.map +1 -1
  45. package/dist/NavigationAnchors/NavigationOption.js +0 -10
  46. package/dist/NavigationAnchors/NavigationOption.js.map +1 -1
  47. package/dist/NavigationAnchors/index.js +0 -2
  48. package/dist/NavigationAnchors/index.js.map +1 -1
  49. package/dist/NavigationAnchors/styles.js +0 -2
  50. package/dist/NavigationAnchors/styles.js.map +1 -1
  51. package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +5 -26
  52. package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
  53. package/dist/NotificationPanel/EmptyStatePanel/index.js +0 -2
  54. package/dist/NotificationPanel/EmptyStatePanel/index.js.map +1 -1
  55. package/dist/NotificationPanel/EmptyStatePanel/styles.js +0 -2
  56. package/dist/NotificationPanel/EmptyStatePanel/styles.js.map +1 -1
  57. package/dist/NotificationPanel/Notification/Notification.js +12 -57
  58. package/dist/NotificationPanel/Notification/Notification.js.map +1 -1
  59. package/dist/NotificationPanel/Notification/index.js +0 -2
  60. package/dist/NotificationPanel/Notification/index.js.map +1 -1
  61. package/dist/NotificationPanel/Notification/styles.js +0 -14
  62. package/dist/NotificationPanel/Notification/styles.js.map +1 -1
  63. package/dist/NotificationPanel/NotificationPanel.js +23 -92
  64. package/dist/NotificationPanel/NotificationPanel.js.map +1 -1
  65. package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +4 -35
  66. package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
  67. package/dist/NotificationPanel/NotificationsIndicator/index.js +0 -2
  68. package/dist/NotificationPanel/NotificationsIndicator/index.js.map +1 -1
  69. package/dist/NotificationPanel/NotificationsIndicator/styles.js +0 -2
  70. package/dist/NotificationPanel/NotificationsIndicator/styles.js.map +1 -1
  71. package/dist/NotificationPanel/index.js +0 -2
  72. package/dist/NotificationPanel/index.js.map +1 -1
  73. package/dist/NotificationPanel/styles.js +0 -2
  74. package/dist/NotificationPanel/styles.js.map +1 -1
  75. package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js +15 -44
  76. package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -1
  77. package/dist/StepNavigation/DefaultNavigation/Step/Step.js +9 -41
  78. package/dist/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -1
  79. package/dist/StepNavigation/DefaultNavigation/Step/index.js +0 -2
  80. package/dist/StepNavigation/DefaultNavigation/Step/index.js.map +1 -1
  81. package/dist/StepNavigation/DefaultNavigation/Step/styles.js +0 -2
  82. package/dist/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -1
  83. package/dist/StepNavigation/DefaultNavigation/index.js +0 -2
  84. package/dist/StepNavigation/DefaultNavigation/index.js.map +1 -1
  85. package/dist/StepNavigation/DefaultNavigation/styles.js +0 -2
  86. package/dist/StepNavigation/DefaultNavigation/styles.js.map +1 -1
  87. package/dist/StepNavigation/DefaultNavigation/utils.js +0 -3
  88. package/dist/StepNavigation/DefaultNavigation/utils.js.map +1 -1
  89. package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js +6 -47
  90. package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -1
  91. package/dist/StepNavigation/SimpleNavigation/Dot/index.js +0 -2
  92. package/dist/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -1
  93. package/dist/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -1
  94. package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js +14 -44
  95. package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -1
  96. package/dist/StepNavigation/SimpleNavigation/index.js +0 -2
  97. package/dist/StepNavigation/SimpleNavigation/index.js.map +1 -1
  98. package/dist/StepNavigation/SimpleNavigation/styles.js +0 -2
  99. package/dist/StepNavigation/SimpleNavigation/styles.js.map +1 -1
  100. package/dist/StepNavigation/SimpleNavigation/utils.js +0 -6
  101. package/dist/StepNavigation/SimpleNavigation/utils.js.map +1 -1
  102. package/dist/StepNavigation/StepNavigation.js +39 -106
  103. package/dist/StepNavigation/StepNavigation.js.map +1 -1
  104. package/dist/StepNavigation/index.js +0 -2
  105. package/dist/StepNavigation/index.js.map +1 -1
  106. package/dist/StepNavigation/styles.js +0 -2
  107. package/dist/StepNavigation/styles.js.map +1 -1
  108. package/dist/StepNavigation/utils.js.map +1 -1
  109. package/dist/TimeAgo/TimeAgo.js +13 -44
  110. package/dist/TimeAgo/TimeAgo.js.map +1 -1
  111. package/dist/TimeAgo/formatUtils.js +15 -35
  112. package/dist/TimeAgo/formatUtils.js.map +1 -1
  113. package/dist/TimeAgo/index.js +0 -3
  114. package/dist/TimeAgo/index.js.map +1 -1
  115. package/dist/TimeAgo/styles.js.map +1 -1
  116. package/dist/TimeAgo/useTimeAgo.js +7 -16
  117. package/dist/TimeAgo/useTimeAgo.js.map +1 -1
  118. package/dist/TimeAgo/useTimeout.js +0 -2
  119. package/dist/TimeAgo/useTimeout.js.map +1 -1
  120. package/dist/Wizard/Wizard.d.ts +5 -5
  121. package/dist/Wizard/Wizard.js +33 -85
  122. package/dist/Wizard/Wizard.js.map +1 -1
  123. package/dist/Wizard/WizardActions/WizardActions.d.ts +2 -2
  124. package/dist/Wizard/WizardActions/WizardActions.js +31 -86
  125. package/dist/Wizard/WizardActions/WizardActions.js.map +1 -1
  126. package/dist/Wizard/WizardActions/index.js +0 -2
  127. package/dist/Wizard/WizardActions/index.js.map +1 -1
  128. package/dist/Wizard/WizardActions/styles.js +0 -2
  129. package/dist/Wizard/WizardActions/styles.js.map +1 -1
  130. package/dist/Wizard/WizardContainer/WizardContainer.js +5 -35
  131. package/dist/Wizard/WizardContainer/WizardContainer.js.map +1 -1
  132. package/dist/Wizard/WizardContainer/index.js +0 -2
  133. package/dist/Wizard/WizardContainer/index.js.map +1 -1
  134. package/dist/Wizard/WizardContainer/styles.js +0 -2
  135. package/dist/Wizard/WizardContainer/styles.js.map +1 -1
  136. package/dist/Wizard/WizardContent/LoadingContainer.js +2 -25
  137. package/dist/Wizard/WizardContent/LoadingContainer.js.map +1 -1
  138. package/dist/Wizard/WizardContent/WizardContent.d.ts +1 -1
  139. package/dist/Wizard/WizardContent/WizardContent.js +12 -55
  140. package/dist/Wizard/WizardContent/WizardContent.js.map +1 -1
  141. package/dist/Wizard/WizardContent/index.js +0 -2
  142. package/dist/Wizard/WizardContent/index.js.map +1 -1
  143. package/dist/Wizard/WizardContent/styles.js +0 -2
  144. package/dist/Wizard/WizardContent/styles.js.map +1 -1
  145. package/dist/Wizard/WizardContext/WizardContext.d.ts +12 -0
  146. package/dist/Wizard/WizardContext/WizardContext.js +0 -4
  147. package/dist/Wizard/WizardContext/WizardContext.js.map +1 -1
  148. package/dist/Wizard/WizardContext/WizardContextProvider.d.ts +28 -0
  149. package/dist/Wizard/WizardContext/WizardContextProvider.js +41 -0
  150. package/dist/Wizard/WizardContext/WizardContextProvider.js.map +1 -0
  151. package/dist/Wizard/WizardContext/index.d.ts +5 -0
  152. package/dist/Wizard/WizardContext/index.js +7 -2
  153. package/dist/Wizard/WizardContext/index.js.map +1 -1
  154. package/dist/Wizard/WizardTitle/WizardTitle.d.ts +7 -9
  155. package/dist/Wizard/WizardTitle/WizardTitle.js +18 -59
  156. package/dist/Wizard/WizardTitle/WizardTitle.js.map +1 -1
  157. package/dist/Wizard/WizardTitle/index.js +0 -2
  158. package/dist/Wizard/WizardTitle/index.js.map +1 -1
  159. package/dist/Wizard/WizardTitle/styles.js +0 -2
  160. package/dist/Wizard/WizardTitle/styles.js.map +1 -1
  161. package/dist/Wizard/index.d.ts +15 -0
  162. package/dist/Wizard/index.js +7 -7
  163. package/dist/Wizard/index.js.map +1 -1
  164. package/dist/Wizard/styles.js +0 -2
  165. package/dist/Wizard/styles.js.map +1 -1
  166. package/dist/index.js +12 -23
  167. package/dist/index.js.map +1 -1
  168. package/dist/legacy/ColorPicker/ColorPicker.js +26 -51
  169. package/dist/legacy/ColorPicker/ColorPicker.js.map +1 -1
  170. package/dist/legacy/ColorPicker/Fields/Fields.js +17 -27
  171. package/dist/legacy/ColorPicker/Fields/Fields.js.map +1 -1
  172. package/dist/legacy/ColorPicker/Fields/index.js.map +1 -1
  173. package/dist/legacy/ColorPicker/Fields/styles.js.map +1 -1
  174. package/dist/legacy/ColorPicker/Picker/Picker.js +7 -7
  175. package/dist/legacy/ColorPicker/Picker/Picker.js.map +1 -1
  176. package/dist/legacy/ColorPicker/Picker/index.js.map +1 -1
  177. package/dist/legacy/ColorPicker/Picker/styles.js.map +1 -1
  178. package/dist/legacy/ColorPicker/PresetColors/PresetColors.js +2 -7
  179. package/dist/legacy/ColorPicker/PresetColors/PresetColors.js.map +1 -1
  180. package/dist/legacy/ColorPicker/PresetColors/index.js.map +1 -1
  181. package/dist/legacy/ColorPicker/PresetColors/styles.js.map +1 -1
  182. package/dist/legacy/ColorPicker/index.js.map +1 -1
  183. package/dist/legacy/ColorPicker/styles.js +0 -1
  184. package/dist/legacy/ColorPicker/styles.js.map +1 -1
  185. package/dist/legacy/Drawer/Drawer.js +11 -30
  186. package/dist/legacy/Drawer/Drawer.js.map +1 -1
  187. package/dist/legacy/Drawer/index.js.map +1 -1
  188. package/dist/legacy/Drawer/styles.js +0 -2
  189. package/dist/legacy/Drawer/styles.js.map +1 -1
  190. package/dist/legacy/ImageCarousel/ImageCarousel.js +46 -120
  191. package/dist/legacy/ImageCarousel/ImageCarousel.js.map +1 -1
  192. package/dist/legacy/ImageCarousel/index.js.map +1 -1
  193. package/dist/legacy/ImageCarousel/styles.js +0 -3
  194. package/dist/legacy/ImageCarousel/styles.js.map +1 -1
  195. package/dist/legacy/InlineEditor/InlineEditor.js +26 -55
  196. package/dist/legacy/InlineEditor/InlineEditor.js.map +1 -1
  197. package/dist/legacy/InlineEditor/index.js.map +1 -1
  198. package/dist/legacy/InlineEditor/styles.js +0 -5
  199. package/dist/legacy/InlineEditor/styles.js.map +1 -1
  200. package/dist/legacy/NavigationAnchors/NavigationAnchors.js +44 -82
  201. package/dist/legacy/NavigationAnchors/NavigationAnchors.js.map +1 -1
  202. package/dist/legacy/NavigationAnchors/NavigationOption.js +0 -5
  203. package/dist/legacy/NavigationAnchors/NavigationOption.js.map +1 -1
  204. package/dist/legacy/NavigationAnchors/index.js.map +1 -1
  205. package/dist/legacy/NavigationAnchors/styles.js +0 -1
  206. package/dist/legacy/NavigationAnchors/styles.js.map +1 -1
  207. package/dist/legacy/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +5 -16
  208. package/dist/legacy/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
  209. package/dist/legacy/NotificationPanel/EmptyStatePanel/index.js.map +1 -1
  210. package/dist/legacy/NotificationPanel/EmptyStatePanel/styles.js +0 -1
  211. package/dist/legacy/NotificationPanel/EmptyStatePanel/styles.js.map +1 -1
  212. package/dist/legacy/NotificationPanel/Notification/Notification.js +12 -44
  213. package/dist/legacy/NotificationPanel/Notification/Notification.js.map +1 -1
  214. package/dist/legacy/NotificationPanel/Notification/index.js.map +1 -1
  215. package/dist/legacy/NotificationPanel/Notification/styles.js +0 -5
  216. package/dist/legacy/NotificationPanel/Notification/styles.js.map +1 -1
  217. package/dist/legacy/NotificationPanel/NotificationPanel.js +23 -61
  218. package/dist/legacy/NotificationPanel/NotificationPanel.js.map +1 -1
  219. package/dist/legacy/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +4 -17
  220. package/dist/legacy/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
  221. package/dist/legacy/NotificationPanel/NotificationsIndicator/index.js.map +1 -1
  222. package/dist/legacy/NotificationPanel/NotificationsIndicator/styles.js +0 -1
  223. package/dist/legacy/NotificationPanel/NotificationsIndicator/styles.js.map +1 -1
  224. package/dist/legacy/NotificationPanel/index.js.map +1 -1
  225. package/dist/legacy/NotificationPanel/styles.js +0 -1
  226. package/dist/legacy/NotificationPanel/styles.js.map +1 -1
  227. package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js +16 -27
  228. package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -1
  229. package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.js +10 -29
  230. package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -1
  231. package/dist/legacy/StepNavigation/DefaultNavigation/Step/index.js.map +1 -1
  232. package/dist/legacy/StepNavigation/DefaultNavigation/Step/styles.js +0 -1
  233. package/dist/legacy/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -1
  234. package/dist/legacy/StepNavigation/DefaultNavigation/index.js.map +1 -1
  235. package/dist/legacy/StepNavigation/DefaultNavigation/styles.js +0 -1
  236. package/dist/legacy/StepNavigation/DefaultNavigation/styles.js.map +1 -1
  237. package/dist/legacy/StepNavigation/DefaultNavigation/utils.js +0 -2
  238. package/dist/legacy/StepNavigation/DefaultNavigation/utils.js.map +1 -1
  239. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.js +7 -21
  240. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -1
  241. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -1
  242. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -1
  243. package/dist/legacy/StepNavigation/SimpleNavigation/SimpleNavigation.js +15 -26
  244. package/dist/legacy/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -1
  245. package/dist/legacy/StepNavigation/SimpleNavigation/index.js.map +1 -1
  246. package/dist/legacy/StepNavigation/SimpleNavigation/styles.js +0 -1
  247. package/dist/legacy/StepNavigation/SimpleNavigation/styles.js.map +1 -1
  248. package/dist/legacy/StepNavigation/SimpleNavigation/utils.js +0 -6
  249. package/dist/legacy/StepNavigation/SimpleNavigation/utils.js.map +1 -1
  250. package/dist/legacy/StepNavigation/StepNavigation.js +40 -78
  251. package/dist/legacy/StepNavigation/StepNavigation.js.map +1 -1
  252. package/dist/legacy/StepNavigation/index.js.map +1 -1
  253. package/dist/legacy/StepNavigation/styles.js +0 -1
  254. package/dist/legacy/StepNavigation/styles.js.map +1 -1
  255. package/dist/legacy/StepNavigation/utils.js.map +1 -1
  256. package/dist/legacy/TimeAgo/TimeAgo.js +14 -27
  257. package/dist/legacy/TimeAgo/TimeAgo.js.map +1 -1
  258. package/dist/legacy/TimeAgo/formatUtils.js +16 -18
  259. package/dist/legacy/TimeAgo/formatUtils.js.map +1 -1
  260. package/dist/legacy/TimeAgo/index.js.map +1 -1
  261. package/dist/legacy/TimeAgo/styles.js.map +1 -1
  262. package/dist/legacy/TimeAgo/useTimeAgo.js +8 -11
  263. package/dist/legacy/TimeAgo/useTimeAgo.js.map +1 -1
  264. package/dist/legacy/TimeAgo/useTimeout.js.map +1 -1
  265. package/dist/legacy/Wizard/Wizard.d.ts +5 -5
  266. package/dist/legacy/Wizard/Wizard.js +33 -59
  267. package/dist/legacy/Wizard/Wizard.js.map +1 -1
  268. package/dist/legacy/Wizard/WizardActions/WizardActions.d.ts +2 -2
  269. package/dist/legacy/Wizard/WizardActions/WizardActions.js +33 -62
  270. package/dist/legacy/Wizard/WizardActions/WizardActions.js.map +1 -1
  271. package/dist/legacy/Wizard/WizardActions/index.js.map +1 -1
  272. package/dist/legacy/Wizard/WizardActions/styles.js +0 -1
  273. package/dist/legacy/Wizard/WizardActions/styles.js.map +1 -1
  274. package/dist/legacy/Wizard/WizardContainer/WizardContainer.js +5 -17
  275. package/dist/legacy/Wizard/WizardContainer/WizardContainer.js.map +1 -1
  276. package/dist/legacy/Wizard/WizardContainer/index.js.map +1 -1
  277. package/dist/legacy/Wizard/WizardContainer/styles.js +0 -1
  278. package/dist/legacy/Wizard/WizardContainer/styles.js.map +1 -1
  279. package/dist/legacy/Wizard/WizardContent/LoadingContainer.js +2 -8
  280. package/dist/legacy/Wizard/WizardContent/LoadingContainer.js.map +1 -1
  281. package/dist/legacy/Wizard/WizardContent/WizardContent.d.ts +1 -1
  282. package/dist/legacy/Wizard/WizardContent/WizardContent.js +11 -27
  283. package/dist/legacy/Wizard/WizardContent/WizardContent.js.map +1 -1
  284. package/dist/legacy/Wizard/WizardContent/index.js.map +1 -1
  285. package/dist/legacy/Wizard/WizardContent/styles.js +0 -1
  286. package/dist/legacy/Wizard/WizardContent/styles.js.map +1 -1
  287. package/dist/legacy/Wizard/WizardContext/WizardContext.d.ts +12 -0
  288. package/dist/legacy/Wizard/WizardContext/WizardContext.js +0 -2
  289. package/dist/legacy/Wizard/WizardContext/WizardContext.js.map +1 -1
  290. package/dist/legacy/Wizard/WizardContext/WizardContextProvider.d.ts +28 -0
  291. package/dist/legacy/Wizard/WizardContext/WizardContextProvider.js +33 -0
  292. package/dist/legacy/Wizard/WizardContext/WizardContextProvider.js.map +1 -0
  293. package/dist/legacy/Wizard/WizardContext/index.d.ts +5 -0
  294. package/dist/legacy/Wizard/WizardContext/index.js +1 -0
  295. package/dist/legacy/Wizard/WizardContext/index.js.map +1 -1
  296. package/dist/legacy/Wizard/WizardTitle/WizardTitle.d.ts +7 -9
  297. package/dist/legacy/Wizard/WizardTitle/WizardTitle.js +17 -42
  298. package/dist/legacy/Wizard/WizardTitle/WizardTitle.js.map +1 -1
  299. package/dist/legacy/Wizard/WizardTitle/index.js.map +1 -1
  300. package/dist/legacy/Wizard/WizardTitle/styles.js +0 -1
  301. package/dist/legacy/Wizard/WizardTitle/styles.js.map +1 -1
  302. package/dist/legacy/Wizard/index.d.ts +15 -0
  303. package/dist/legacy/Wizard/index.js +1 -0
  304. package/dist/legacy/Wizard/index.js.map +1 -1
  305. package/dist/legacy/Wizard/styles.js +0 -1
  306. package/dist/legacy/Wizard/styles.js.map +1 -1
  307. package/dist/legacy/index.js +1 -0
  308. package/dist/legacy/index.js.map +1 -1
  309. package/dist/modern/ColorPicker/ColorPicker.js +1 -25
  310. package/dist/modern/ColorPicker/ColorPicker.js.map +1 -1
  311. package/dist/modern/ColorPicker/Fields/Fields.js +3 -10
  312. package/dist/modern/ColorPicker/Fields/Fields.js.map +1 -1
  313. package/dist/modern/ColorPicker/Fields/index.js.map +1 -1
  314. package/dist/modern/ColorPicker/Fields/styles.js.map +1 -1
  315. package/dist/modern/ColorPicker/Picker/Picker.js +3 -3
  316. package/dist/modern/ColorPicker/Picker/Picker.js.map +1 -1
  317. package/dist/modern/ColorPicker/Picker/index.js.map +1 -1
  318. package/dist/modern/ColorPicker/Picker/styles.js.map +1 -1
  319. package/dist/modern/ColorPicker/PresetColors/PresetColors.js +0 -5
  320. package/dist/modern/ColorPicker/PresetColors/PresetColors.js.map +1 -1
  321. package/dist/modern/ColorPicker/PresetColors/index.js.map +1 -1
  322. package/dist/modern/ColorPicker/PresetColors/styles.js.map +1 -1
  323. package/dist/modern/ColorPicker/index.js.map +1 -1
  324. package/dist/modern/ColorPicker/styles.js +0 -1
  325. package/dist/modern/ColorPicker/styles.js.map +1 -1
  326. package/dist/modern/Drawer/Drawer.js +11 -30
  327. package/dist/modern/Drawer/Drawer.js.map +1 -1
  328. package/dist/modern/Drawer/index.js.map +1 -1
  329. package/dist/modern/Drawer/styles.js +0 -2
  330. package/dist/modern/Drawer/styles.js.map +1 -1
  331. package/dist/modern/ImageCarousel/ImageCarousel.js +18 -83
  332. package/dist/modern/ImageCarousel/ImageCarousel.js.map +1 -1
  333. package/dist/modern/ImageCarousel/index.js.map +1 -1
  334. package/dist/modern/ImageCarousel/styles.js +0 -1
  335. package/dist/modern/ImageCarousel/styles.js.map +1 -1
  336. package/dist/modern/InlineEditor/InlineEditor.js +16 -43
  337. package/dist/modern/InlineEditor/InlineEditor.js.map +1 -1
  338. package/dist/modern/InlineEditor/index.js.map +1 -1
  339. package/dist/modern/InlineEditor/styles.js +0 -5
  340. package/dist/modern/InlineEditor/styles.js.map +1 -1
  341. package/dist/modern/NavigationAnchors/NavigationAnchors.js +40 -74
  342. package/dist/modern/NavigationAnchors/NavigationAnchors.js.map +1 -1
  343. package/dist/modern/NavigationAnchors/NavigationOption.js +0 -6
  344. package/dist/modern/NavigationAnchors/NavigationOption.js.map +1 -1
  345. package/dist/modern/NavigationAnchors/index.js.map +1 -1
  346. package/dist/modern/NavigationAnchors/styles.js +0 -1
  347. package/dist/modern/NavigationAnchors/styles.js.map +1 -1
  348. package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +0 -11
  349. package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
  350. package/dist/modern/NotificationPanel/EmptyStatePanel/index.js.map +1 -1
  351. package/dist/modern/NotificationPanel/EmptyStatePanel/styles.js +0 -1
  352. package/dist/modern/NotificationPanel/EmptyStatePanel/styles.js.map +1 -1
  353. package/dist/modern/NotificationPanel/Notification/Notification.js +2 -33
  354. package/dist/modern/NotificationPanel/Notification/Notification.js.map +1 -1
  355. package/dist/modern/NotificationPanel/Notification/index.js.map +1 -1
  356. package/dist/modern/NotificationPanel/Notification/styles.js +0 -5
  357. package/dist/modern/NotificationPanel/Notification/styles.js.map +1 -1
  358. package/dist/modern/NotificationPanel/NotificationPanel.js +16 -50
  359. package/dist/modern/NotificationPanel/NotificationPanel.js.map +1 -1
  360. package/dist/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +6 -19
  361. package/dist/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
  362. package/dist/modern/NotificationPanel/NotificationsIndicator/index.js.map +1 -1
  363. package/dist/modern/NotificationPanel/NotificationsIndicator/styles.js +0 -1
  364. package/dist/modern/NotificationPanel/NotificationsIndicator/styles.js.map +1 -1
  365. package/dist/modern/NotificationPanel/index.js.map +1 -1
  366. package/dist/modern/NotificationPanel/styles.js +0 -1
  367. package/dist/modern/NotificationPanel/styles.js.map +1 -1
  368. package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.js +14 -23
  369. package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -1
  370. package/dist/modern/StepNavigation/DefaultNavigation/Step/Step.js +1 -20
  371. package/dist/modern/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -1
  372. package/dist/modern/StepNavigation/DefaultNavigation/Step/index.js.map +1 -1
  373. package/dist/modern/StepNavigation/DefaultNavigation/Step/styles.js +0 -1
  374. package/dist/modern/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -1
  375. package/dist/modern/StepNavigation/DefaultNavigation/index.js.map +1 -1
  376. package/dist/modern/StepNavigation/DefaultNavigation/styles.js +0 -1
  377. package/dist/modern/StepNavigation/DefaultNavigation/styles.js.map +1 -1
  378. package/dist/modern/StepNavigation/DefaultNavigation/utils.js +0 -2
  379. package/dist/modern/StepNavigation/DefaultNavigation/utils.js.map +1 -1
  380. package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js +1 -15
  381. package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -1
  382. package/dist/modern/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -1
  383. package/dist/modern/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -1
  384. package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.js +14 -23
  385. package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -1
  386. package/dist/modern/StepNavigation/SimpleNavigation/index.js.map +1 -1
  387. package/dist/modern/StepNavigation/SimpleNavigation/styles.js +0 -1
  388. package/dist/modern/StepNavigation/SimpleNavigation/styles.js.map +1 -1
  389. package/dist/modern/StepNavigation/SimpleNavigation/utils.js +0 -6
  390. package/dist/modern/StepNavigation/SimpleNavigation/utils.js.map +1 -1
  391. package/dist/modern/StepNavigation/StepNavigation.js +25 -62
  392. package/dist/modern/StepNavigation/StepNavigation.js.map +1 -1
  393. package/dist/modern/StepNavigation/index.js.map +1 -1
  394. package/dist/modern/StepNavigation/styles.js +0 -1
  395. package/dist/modern/StepNavigation/styles.js.map +1 -1
  396. package/dist/modern/StepNavigation/utils.js.map +1 -1
  397. package/dist/modern/TimeAgo/TimeAgo.js +11 -24
  398. package/dist/modern/TimeAgo/TimeAgo.js.map +1 -1
  399. package/dist/modern/TimeAgo/formatUtils.js +16 -18
  400. package/dist/modern/TimeAgo/formatUtils.js.map +1 -1
  401. package/dist/modern/TimeAgo/index.js.map +1 -1
  402. package/dist/modern/TimeAgo/styles.js.map +1 -1
  403. package/dist/modern/TimeAgo/useTimeAgo.js +1 -3
  404. package/dist/modern/TimeAgo/useTimeAgo.js.map +1 -1
  405. package/dist/modern/TimeAgo/useTimeout.js.map +1 -1
  406. package/dist/modern/Wizard/Wizard.d.ts +5 -5
  407. package/dist/modern/Wizard/Wizard.js +24 -49
  408. package/dist/modern/Wizard/Wizard.js.map +1 -1
  409. package/dist/modern/Wizard/WizardActions/WizardActions.d.ts +2 -2
  410. package/dist/modern/Wizard/WizardActions/WizardActions.js +6 -30
  411. package/dist/modern/Wizard/WizardActions/WizardActions.js.map +1 -1
  412. package/dist/modern/Wizard/WizardActions/index.js.map +1 -1
  413. package/dist/modern/Wizard/WizardActions/styles.js +0 -1
  414. package/dist/modern/Wizard/WizardActions/styles.js.map +1 -1
  415. package/dist/modern/Wizard/WizardContainer/WizardContainer.js +7 -19
  416. package/dist/modern/Wizard/WizardContainer/WizardContainer.js.map +1 -1
  417. package/dist/modern/Wizard/WizardContainer/index.js.map +1 -1
  418. package/dist/modern/Wizard/WizardContainer/styles.js +0 -1
  419. package/dist/modern/Wizard/WizardContainer/styles.js.map +1 -1
  420. package/dist/modern/Wizard/WizardContent/LoadingContainer.js +4 -10
  421. package/dist/modern/Wizard/WizardContent/LoadingContainer.js.map +1 -1
  422. package/dist/modern/Wizard/WizardContent/WizardContent.d.ts +1 -1
  423. package/dist/modern/Wizard/WizardContent/WizardContent.js +1 -15
  424. package/dist/modern/Wizard/WizardContent/WizardContent.js.map +1 -1
  425. package/dist/modern/Wizard/WizardContent/index.js.map +1 -1
  426. package/dist/modern/Wizard/WizardContent/styles.js +0 -1
  427. package/dist/modern/Wizard/WizardContent/styles.js.map +1 -1
  428. package/dist/modern/Wizard/WizardContext/WizardContext.d.ts +12 -0
  429. package/dist/modern/Wizard/WizardContext/WizardContext.js +0 -2
  430. package/dist/modern/Wizard/WizardContext/WizardContext.js.map +1 -1
  431. package/dist/modern/Wizard/WizardContext/WizardContextProvider.d.ts +28 -0
  432. package/dist/modern/Wizard/WizardContext/WizardContextProvider.js +34 -0
  433. package/dist/modern/Wizard/WizardContext/WizardContextProvider.js.map +1 -0
  434. package/dist/modern/Wizard/WizardContext/index.d.ts +5 -0
  435. package/dist/modern/Wizard/WizardContext/index.js +1 -0
  436. package/dist/modern/Wizard/WizardContext/index.js.map +1 -1
  437. package/dist/modern/Wizard/WizardTitle/WizardTitle.d.ts +7 -9
  438. package/dist/modern/Wizard/WizardTitle/WizardTitle.js +3 -24
  439. package/dist/modern/Wizard/WizardTitle/WizardTitle.js.map +1 -1
  440. package/dist/modern/Wizard/WizardTitle/index.js.map +1 -1
  441. package/dist/modern/Wizard/WizardTitle/styles.js +0 -1
  442. package/dist/modern/Wizard/WizardTitle/styles.js.map +1 -1
  443. package/dist/modern/Wizard/index.d.ts +15 -0
  444. package/dist/modern/Wizard/index.js +1 -0
  445. package/dist/modern/Wizard/index.js.map +1 -1
  446. package/dist/modern/Wizard/styles.js +0 -1
  447. package/dist/modern/Wizard/styles.js.map +1 -1
  448. package/dist/modern/index.js +1 -0
  449. package/dist/modern/index.js.map +1 -1
  450. package/package.json +4 -4
@@ -2,13 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
4
  var _excluded = ["selectedIndex", "scrollElementId", "href", "onClick", "className", "classes", "options", "floating", "offset"];
5
-
6
5
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
-
8
6
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
9
-
10
- import "core-js/modules/es.regexp.exec.js";
11
- import "core-js/modules/es.string.split.js";
12
7
  import "core-js/modules/es.array.find.js";
13
8
  import "core-js/modules/es.object.to-string.js";
14
9
  import "core-js/modules/es.array.map.js";
@@ -28,33 +23,24 @@ import styles from "./styles";
28
23
  import navigationOption from "./NavigationOption";
29
24
  import { jsx as _jsx } from "react/jsx-runtime";
30
25
  var RETRY_MAX = 5;
31
-
32
26
  var getScrollTop = function getScrollTop() {
33
27
  var c = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
34
-
35
28
  if (c === window) {
36
29
  return window.scrollY || window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop;
37
30
  }
38
-
39
31
  return c.scrollTop;
40
32
  };
41
-
42
33
  var verticalScrollOffset = function verticalScrollOffset(t) {
43
34
  var c = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
44
-
45
35
  if (c === window) {
46
36
  var _t$getBoundingClientR;
47
-
48
37
  return ((t === null || t === void 0 ? void 0 : (_t$getBoundingClientR = t.getBoundingClientRect) === null || _t$getBoundingClientR === void 0 ? void 0 : _t$getBoundingClientR.call(t).top) || 0) + (window.scrollY || window.pageYOffset);
49
38
  }
50
-
51
39
  if (getComputedStyle(c).position !== "static") {
52
40
  return t.offsetTop;
53
41
  }
54
-
55
42
  return t.offsetTop - c.offsetTop;
56
43
  };
57
-
58
44
  var scrollElement = function scrollElement(element, container) {
59
45
  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
60
46
  var elemTop = verticalScrollOffset(element, container);
@@ -63,102 +49,96 @@ var scrollElement = function scrollElement(element, container) {
63
49
  behavior: "smooth"
64
50
  });
65
51
  };
66
-
67
52
  var isScrolledToTheBottom = function isScrolledToTheBottom(container) {
68
53
  var containerScrollTop = getScrollTop(container);
69
-
70
54
  if (container === window) {
71
55
  // accounting for cases where html/body are set to height:100%
72
56
  var scrollHeight = document.documentElement && document.documentElement.scrollHeight || document.body.scrollHeight;
73
57
  return containerScrollTop + window.innerHeight >= scrollHeight;
74
58
  }
75
-
76
59
  return containerScrollTop + container.offsetHeight >= container.scrollHeight;
77
- }; // find the last nav item that whose top scrolled out of the container's visible area
78
-
60
+ };
79
61
 
62
+ // find the last nav item that whose top scrolled out of the container's visible area
80
63
  var findFirstVisibleElement = function findFirstVisibleElement(container, options, offset) {
81
64
  var boundsTop = verticalScrollOffset(container);
82
- var i = 0; // find index of first element whose top is still visible inside the container
83
-
65
+ var i = 0;
66
+ // find index of first element whose top is still visible inside the container
84
67
  for (; i < options.length; i += 1) {
85
68
  var ele = document.getElementById(options[i].value);
86
-
87
69
  if (ele) {
88
70
  var elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);
89
-
90
71
  if (elemTop > boundsTop) {
91
72
  break;
92
73
  }
93
74
  }
94
- } // return the previous index, the element that last scrolled past the top
95
-
75
+ }
96
76
 
77
+ // return the previous index, the element that last scrolled past the top
97
78
  return i - 1;
98
79
  };
80
+
99
81
  /**
100
82
  * A navigation component to help in changing views, still in development
101
83
  */
102
-
103
-
104
84
  var NavigationAnchors = function NavigationAnchors(_ref) {
105
85
  var _ref$selectedIndex = _ref.selectedIndex,
106
- selectedIndexProp = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
107
- scrollElementId = _ref.scrollElementId,
108
- _ref$href = _ref.href,
109
- href = _ref$href === void 0 ? true : _ref$href,
110
- onClick = _ref.onClick,
111
- className = _ref.className,
112
- classes = _ref.classes,
113
- options = _ref.options,
114
- floating = _ref.floating,
115
- _ref$offset = _ref.offset,
116
- offset = _ref$offset === void 0 ? 0 : _ref$offset,
117
- other = _objectWithoutProperties(_ref, _excluded);
118
-
86
+ selectedIndexProp = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
87
+ scrollElementId = _ref.scrollElementId,
88
+ _ref$href = _ref.href,
89
+ href = _ref$href === void 0 ? true : _ref$href,
90
+ onClick = _ref.onClick,
91
+ className = _ref.className,
92
+ classes = _ref.classes,
93
+ options = _ref.options,
94
+ floating = _ref.floating,
95
+ _ref$offset = _ref.offset,
96
+ offset = _ref$offset === void 0 ? 0 : _ref$offset,
97
+ other = _objectWithoutProperties(_ref, _excluded);
119
98
  var _useState = useState(selectedIndexProp),
120
- _useState2 = _slicedToArray(_useState, 2),
121
- selectedIndex = _useState2[0],
122
- setSelectedIndex = _useState2[1];
123
-
99
+ _useState2 = _slicedToArray(_useState, 2),
100
+ selectedIndex = _useState2[0],
101
+ setSelectedIndex = _useState2[1];
124
102
  var scrollEle = useRef();
125
103
  var requestedAnimationFrame = useRef(0);
126
- var lastContainerScrollTop = useRef(); // ref to use a often-changing value in useCallback, has recommended in
127
- // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
104
+ var lastContainerScrollTop = useRef();
128
105
 
106
+ // ref to use a often-changing value in useCallback, has recommended in
107
+ // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
129
108
  var selectedIndexRef = useRef(selectedIndex);
130
109
  useEffect(function () {
131
110
  selectedIndexRef.current = selectedIndex;
132
- }, [selectedIndex]); // get and store the container's dom element
111
+ }, [selectedIndex]);
133
112
 
113
+ // get and store the container's dom element
134
114
  useEffect(function () {
135
115
  scrollEle.current = scrollElementId && document.getElementById(scrollElementId) || window;
136
116
  lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);
137
117
  }, [scrollElementId]);
138
118
  var checkScroll = useCallback(function () {
139
119
  var _window;
140
-
141
120
  if (requestedAnimationFrame.current === 0 && (_window = window) !== null && _window !== void 0 && _window.requestAnimationFrame) {
142
121
  requestedAnimationFrame.current = window.requestAnimationFrame(function () {
143
122
  requestedAnimationFrame.current = 0;
144
123
  var firstVisibleElementIndex = findFirstVisibleElement(scrollEle.current, options, offset);
145
- var newSelectedIndex = firstVisibleElementIndex; // select the first element when all elements are bellow the container's top
124
+ var newSelectedIndex = firstVisibleElementIndex;
146
125
 
126
+ // select the first element when all elements are bellow the container's top
147
127
  if (firstVisibleElementIndex < 0) {
148
128
  newSelectedIndex = 0;
149
- } // if the user has reached the bottom of the container, select the first nav item still visible
129
+ }
130
+
131
+ // if the user has reached the bottom of the container, select the first nav item still visible
150
132
  // (usually this selects the last nav item, when it can't reach the top the container)
151
133
  // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour
152
-
153
-
154
134
  if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {
155
135
  newSelectedIndex += 1;
156
136
  }
157
-
158
137
  var containerScrollTop = getScrollTop(scrollEle.current);
159
138
  var isScrollingDown = containerScrollTop > lastContainerScrollTop.current;
160
- lastContainerScrollTop.current = containerScrollTop; // only update the selected item if the scroll direction is moving away from it
139
+ lastContainerScrollTop.current = containerScrollTop;
161
140
 
141
+ // only update the selected item if the scroll direction is moving away from it
162
142
  if (isScrollingDown) {
163
143
  if (newSelectedIndex < selectedIndexRef.current) {
164
144
  newSelectedIndex = selectedIndexRef.current;
@@ -166,50 +146,45 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
166
146
  } else if (newSelectedIndex > selectedIndexRef.current) {
167
147
  newSelectedIndex = selectedIndexRef.current;
168
148
  }
169
-
170
149
  setSelectedIndex(newSelectedIndex);
171
150
  });
172
151
  }
173
- }, [offset, options]); // registers and unregisters the scroll listener
152
+ }, [offset, options]);
174
153
 
154
+ // registers and unregisters the scroll listener
175
155
  useEffect(function () {
176
156
  if (scrollEle.current) {
177
157
  scrollEle.current.addEventListener("scroll", checkScroll, false);
178
158
  }
179
-
180
159
  return function () {
181
160
  if (scrollEle.current) {
182
161
  scrollEle.current.removeEventListener("scroll", checkScroll);
183
162
  }
184
-
185
163
  if (requestedAnimationFrame.current !== 0) {
186
164
  window.cancelAnimationFrame(requestedAnimationFrame.current);
187
165
  requestedAnimationFrame.current = 0;
188
166
  }
189
167
  };
190
- }, [checkScroll]); // waits for the elements to be rendered and scrolls to the one referenced
191
- // in the URL hash, if any
168
+ }, [checkScroll]);
192
169
 
170
+ // waits for the elements to be rendered and scrolls to the one referenced
171
+ // in the URL hash, if any
193
172
  useEffect(function () {
194
173
  var checkRenderedInterval;
195
-
196
174
  if (href) {
197
175
  var hashValue = document.location.hash.split("#")[1] || "";
198
176
  var option = options.find(function (o) {
199
177
  return o.value === hashValue;
200
178
  });
201
-
202
179
  if (option) {
203
180
  var retry = 0;
204
181
  checkRenderedInterval = setInterval(function () {
205
182
  var ele = document.getElementById(option.value);
206
-
207
183
  if (ele) {
208
184
  scrollElement(ele, scrollEle.current, option.offset || offset);
209
185
  clearInterval(checkRenderedInterval);
210
186
  } else {
211
187
  retry += 1;
212
-
213
188
  if (retry === RETRY_MAX) {
214
189
  clearInterval(checkRenderedInterval);
215
190
  }
@@ -217,39 +192,35 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
217
192
  }, 1000);
218
193
  }
219
194
  }
220
-
221
195
  return function () {
222
196
  clearInterval(checkRenderedInterval);
223
- }; // we really want to run this just in the first load
197
+ };
198
+
199
+ // we really want to run this just in the first load
224
200
  // in fact this doesn't even belong here, the logic should be external
225
201
  // eslint-disable-next-line react-hooks/exhaustive-deps
226
202
  }, []);
227
-
228
203
  var handleListItemClick = function handleListItemClick(event, id, index) {
229
204
  var option = options.find(function (o) {
230
205
  return o.value === id;
231
206
  });
232
-
233
207
  if (option) {
234
208
  var ele = document.getElementById(id);
235
-
236
209
  if (ele) {
237
210
  scrollElement(ele, scrollEle.current, option.offset || offset);
238
211
  }
239
-
240
212
  if (!href && onClick) {
241
213
  onClick(event, index, option);
242
214
  } else if (href) {
243
215
  window.history.pushState({}, "", "#".concat(options[index].value));
244
216
  }
217
+ setSelectedIndex(index);
245
218
 
246
- setSelectedIndex(index); // Safari scrolls immediately (no smooth scroll support),
219
+ // Safari scrolls immediately (no smooth scroll support),
247
220
  // so this ref value must be updated asap
248
-
249
221
  selectedIndexRef.current = index;
250
222
  }
251
223
  };
252
-
253
224
  var navOptions = useMemo(function () {
254
225
  return options.map(function (option) {
255
226
  return navigationOption(option.label);
@@ -275,13 +246,11 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
275
246
  })
276
247
  }));
277
248
  };
278
-
279
249
  process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
280
250
  /**
281
251
  * Class names to be applied.
282
252
  */
283
253
  className: PropTypes.string,
284
-
285
254
  /**
286
255
  * A Jss Object used to override or extend the styles applied.
287
256
  */
@@ -290,7 +259,6 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
290
259
  listItemGutters: PropTypes.string,
291
260
  listItemSelected: PropTypes.string
292
261
  }).isRequired,
293
-
294
262
  /**
295
263
  * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
296
264
  */
@@ -300,36 +268,30 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
300
268
  label: PropTypes.string.isRequired,
301
269
  offset: PropTypes.number
302
270
  })).isRequired,
303
-
304
271
  /**
305
272
  * True if the href location link should be applied. It will create an a element around every list item
306
273
  */
307
274
  href: PropTypes.bool,
308
-
309
275
  /**
310
276
  * A callback called on click of every list item, if the href is false
311
277
  */
312
278
  onClick: PropTypes.func,
313
-
314
279
  /**
315
280
  * Whether the anchors are always in a fixed position
316
281
  *
317
282
  * @deprecated Currently does nothing. Style the component instead.
318
283
  */
319
284
  floating: deprecatedPropType(PropTypes.bool),
320
-
321
285
  /**
322
286
  * Currently selected index passed from the parent.
323
287
  */
324
288
  selectedIndex: PropTypes.number,
325
-
326
289
  /**
327
290
  * The Id of the scrollable container containing displayed elements.
328
291
  *
329
292
  * Defaults to `window` if unspecified.
330
293
  */
331
294
  scrollElementId: PropTypes.string,
332
-
333
295
  /**
334
296
  * Defines the offset from the top of each element for getting an optimal viewing region in the container.
335
297
  * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationAnchors.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY ||\n window.pageYOffset ||\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n const elemTop = verticalScrollOffset(element, container);\n container.scrollTo({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n};\n\nconst isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) ||\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n selectedIndex: selectedIndexProp = 0,\n scrollElementId,\n href = true,\n onClick,\n className,\n classes,\n options,\n floating,\n offset = 0,\n ...other\n}) => {\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, has recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n // get and store the container's dom element\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(() => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n });\n }\n }, [offset, options]);\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleListItemClick = (event, id, index) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n }\n\n if (!href && onClick) {\n onClick(event, index, option);\n } else if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n const navOptions = useMemo(() => {\n return options.map((option) => {\n return navigationOption(option.label);\n });\n }, [options]);\n\n return (\n <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n {options.map((option, index) => {\n const NavOpt = navOptions[index];\n\n return (\n <HvListItem\n classes={{\n selected: classes.listItemSelected,\n gutters: classes.listItemGutters,\n }}\n key={option.key || option.label}\n onClick={(event) => handleListItemClick(event, option.value, index)}\n selected={selectedIndex === index}\n >\n <NavOpt />\n </HvListItem>\n );\n })}\n </HvListContainer>\n );\n};\n\nNavigationAnchors.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n listItemGutters: PropTypes.string,\n listItemSelected: PropTypes.string,\n }).isRequired,\n /**\n * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n */\n options: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n value: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n offset: PropTypes.number,\n })\n ).isRequired,\n /**\n * True if the href location link should be applied. It will create an a element around every list item\n */\n href: PropTypes.bool,\n /**\n * A callback called on click of every list item, if the href is false\n */\n onClick: PropTypes.func,\n /**\n * Whether the anchors are always in a fixed position\n *\n * @deprecated Currently does nothing. Style the component instead.\n */\n floating: deprecatedPropType(PropTypes.bool),\n /**\n * Currently selected index passed from the parent.\n */\n selectedIndex: PropTypes.number,\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId: PropTypes.string,\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}
1
+ {"version":3,"file":"NavigationAnchors.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY ||\n window.pageYOffset ||\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n const elemTop = verticalScrollOffset(element, container);\n container.scrollTo({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n};\n\nconst isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) ||\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n selectedIndex: selectedIndexProp = 0,\n scrollElementId,\n href = true,\n onClick,\n className,\n classes,\n options,\n floating,\n offset = 0,\n ...other\n}) => {\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, has recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n // get and store the container's dom element\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(() => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n });\n }\n }, [offset, options]);\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleListItemClick = (event, id, index) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n }\n\n if (!href && onClick) {\n onClick(event, index, option);\n } else if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n const navOptions = useMemo(() => {\n return options.map((option) => {\n return navigationOption(option.label);\n });\n }, [options]);\n\n return (\n <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n {options.map((option, index) => {\n const NavOpt = navOptions[index];\n\n return (\n <HvListItem\n classes={{\n selected: classes.listItemSelected,\n gutters: classes.listItemGutters,\n }}\n key={option.key || option.label}\n onClick={(event) => handleListItemClick(event, option.value, index)}\n selected={selectedIndex === index}\n >\n <NavOpt />\n </HvListItem>\n );\n })}\n </HvListContainer>\n );\n};\n\nNavigationAnchors.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n listItemGutters: PropTypes.string,\n listItemSelected: PropTypes.string,\n }).isRequired,\n /**\n * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n */\n options: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n value: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n offset: PropTypes.number,\n })\n ).isRequired,\n /**\n * True if the href location link should be applied. It will create an a element around every list item\n */\n href: PropTypes.bool,\n /**\n * A callback called on click of every list item, if the href is false\n */\n onClick: PropTypes.func,\n /**\n * Whether the anchors are always in a fixed position\n *\n * @deprecated Currently does nothing. Style the component instead.\n */\n floating: deprecatedPropType(PropTypes.bool),\n /**\n * Currently selected index passed from the parent.\n */\n selectedIndex: PropTypes.number,\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId: PropTypes.string,\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}
@@ -2,26 +2,21 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
2
  import "core-js/modules/es.object.to-string.js";
3
3
  import "core-js/modules/es.array.of.js";
4
4
  import { withTooltip } from "@hitachivantara/uikit-react-core";
5
-
6
5
  var hideTooltip = function hideTooltip(evt) {
7
6
  var isOverFlow = evt.target.children.length > 1 ? Array.of.apply(Array, _toConsumableArray(evt.target.children)).some(function (child) {
8
7
  return child.scrollWidth > child.clientWidth;
9
8
  }) : evt.target.scrollWidth > evt.target.clientWidth;
10
9
  return !isOverFlow;
11
10
  };
12
-
13
11
  var wrapperTooltip = function wrapperTooltip(Component, label) {
14
12
  var ComponentFunction = function ComponentFunction() {
15
13
  return Component;
16
14
  };
17
-
18
15
  return withTooltip(ComponentFunction, label, "top", hideTooltip);
19
16
  };
20
-
21
17
  var NavigationOption = function NavigationOption(label) {
22
18
  var NavOpt = wrapperTooltip(label, label);
23
19
  return NavOpt;
24
20
  };
25
-
26
21
  export default NavigationOption;
27
22
  //# sourceMappingURL=NavigationOption.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationOption.js","names":["withTooltip","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","NavigationOption","NavOpt"],"sources":["../../../src/NavigationAnchors/NavigationOption.js"],"sourcesContent":["import { withTooltip } from \"@hitachivantara/uikit-react-core\";\n\nconst hideTooltip = (evt) => {\n const isOverFlow =\n evt.target.children.length > 1\n ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n : evt.target.scrollWidth > evt.target.clientWidth;\n return !isOverFlow;\n};\n\nconst wrapperTooltip = (Component, label) => {\n const ComponentFunction = () => Component;\n return withTooltip(ComponentFunction, label, \"top\", hideTooltip);\n};\n\nconst NavigationOption = (label) => {\n const NavOpt = wrapperTooltip(label, label);\n return NavOpt;\n};\n\nexport default NavigationOption;\n"],"mappings":";;;AAAA,SAASA,WAAT,QAA4B,kCAA5B;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAS;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,OAAAD,KAAK,qBAAOL,GAAG,CAACE,MAAJ,CAAWC,QAAlB,EAAL,CAAiCI,IAAjC,CAAsC,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAArC;EAAA,CAAtC,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,IAAMU,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAYC,KAAZ,EAAsB;EAC3C,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;IAAA,OAAMF,SAAN;EAAA,CAA1B;;EACA,OAAOd,WAAW,CAACgB,iBAAD,EAAoBD,KAApB,EAA2B,KAA3B,EAAkCd,WAAlC,CAAlB;AACD,CAHD;;AAKA,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,KAAD,EAAW;EAClC,IAAMG,MAAM,GAAGL,cAAc,CAACE,KAAD,EAAQA,KAAR,CAA7B;EACA,OAAOG,MAAP;AACD,CAHD;;AAKA,eAAeD,gBAAf"}
1
+ {"version":3,"file":"NavigationOption.js","names":["withTooltip","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","NavigationOption","NavOpt"],"sources":["../../../src/NavigationAnchors/NavigationOption.js"],"sourcesContent":["import { withTooltip } from \"@hitachivantara/uikit-react-core\";\n\nconst hideTooltip = (evt) => {\n const isOverFlow =\n evt.target.children.length > 1\n ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n : evt.target.scrollWidth > evt.target.clientWidth;\n return !isOverFlow;\n};\n\nconst wrapperTooltip = (Component, label) => {\n const ComponentFunction = () => Component;\n return withTooltip(ComponentFunction, label, \"top\", hideTooltip);\n};\n\nconst NavigationOption = (label) => {\n const NavOpt = wrapperTooltip(label, label);\n return NavOpt;\n};\n\nexport default NavigationOption;\n"],"mappings":";;;AAAA,SAASA,WAAW,QAAQ,kCAAkC;AAE9D,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAG,EAAK;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC,GAC1BC,KAAK,CAACC,EAAE,OAARD,KAAK,qBAAOL,GAAG,CAACE,MAAM,CAACC,QAAQ,EAAC,CAACI,IAAI,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACE,WAAW;EAAA,EAAC,GACvFV,GAAG,CAACE,MAAM,CAACO,WAAW,GAAGT,GAAG,CAACE,MAAM,CAACQ,WAAW;EACrD,OAAO,CAACT,UAAU;AACpB,CAAC;AAED,IAAMU,cAAc,GAAG,SAAjBA,cAAc,CAAIC,SAAS,EAAEC,KAAK,EAAK;EAC3C,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB;IAAA,OAASF,SAAS;EAAA;EACzC,OAAOd,WAAW,CAACgB,iBAAiB,EAAED,KAAK,EAAE,KAAK,EAAEd,WAAW,CAAC;AAClE,CAAC;AAED,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIF,KAAK,EAAK;EAClC,IAAMG,MAAM,GAAGL,cAAc,CAACE,KAAK,EAAEA,KAAK,CAAC;EAC3C,OAAOG,MAAM;AACf,CAAC;AAED,eAAeD,gBAAgB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/NavigationAnchors/index.js"],"sourcesContent":["export { default } from \"./NavigationAnchors\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,qBAAxB"}
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/NavigationAnchors/index.js"],"sourcesContent":["export { default } from \"./NavigationAnchors\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,qBAAqB"}
@@ -13,6 +13,5 @@ var styles = function styles(theme) {
13
13
  }
14
14
  };
15
15
  };
16
-
17
16
  export default styles;
18
17
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n width: 200,\n },\n\n listItemGutters: {\n padding: `0 ${theme.hv.spacing.sm}px`,\n },\n listItemSelected: {\n fontWeight: theme.hv.typography.highlightText.fontWeight,\n borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n paddingLeft: theme.hv.spacing.sm - 2,\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE;IADH,CADmB;IAKzBC,eAAe,EAAE;MACfC,OAAO,cAAOJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAxB;IADQ,CALQ;IAQzBC,gBAAgB,EAAE;MAChBC,UAAU,EAAET,KAAK,CAACK,EAAN,CAASK,UAAT,CAAoBC,aAApB,CAAkCF,UAD9B;MAEhBG,UAAU,sBAAeZ,KAAK,CAACK,EAAN,CAASQ,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAFM;MAGhBC,WAAW,EAAEhB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB;IAHnB;EARO,CAAZ;AAAA,CAAf;;AAeA,eAAeR,MAAf"}
1
+ {"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n width: 200,\n },\n\n listItemGutters: {\n padding: `0 ${theme.hv.spacing.sm}px`,\n },\n listItemSelected: {\n fontWeight: theme.hv.typography.highlightText.fontWeight,\n borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n paddingLeft: theme.hv.spacing.sm - 2,\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE;IACT,CAAC;IAEDC,eAAe,EAAE;MACfC,OAAO,cAAOJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE;IACnC,CAAC;IACDC,gBAAgB,EAAE;MAChBC,UAAU,EAAET,KAAK,CAACK,EAAE,CAACK,UAAU,CAACC,aAAa,CAACF,UAAU;MACxDG,UAAU,sBAAeZ,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACC,MAAM,CAACC,KAAK,CAAE;MACxDC,WAAW,EAAEhB,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG;IACrC;EACF,CAAC;AAAA,CAAC;AAEF,eAAeR,MAAM"}
@@ -1,5 +1,4 @@
1
1
  var _Alert;
2
-
3
2
  import React from "react";
4
3
  import PropTypes from "prop-types";
5
4
  import { HvEmptyState } from "@hitachivantara/uikit-react-core";
@@ -7,14 +6,13 @@ import { Alert } from "@hitachivantara/uikit-react-icons";
7
6
  import { withStyles } from "@mui/styles";
8
7
  import styles from "./styles";
9
8
  import { jsx as _jsx } from "react/jsx-runtime";
10
-
11
9
  var EmptyStatePanel = function EmptyStatePanel(_ref) {
12
10
  var id = _ref.id,
13
- classes = _ref.classes,
14
- className = _ref.className,
15
- title = _ref.title,
16
- message = _ref.message,
17
- icon = _ref.icon;
11
+ classes = _ref.classes,
12
+ className = _ref.className,
13
+ title = _ref.title,
14
+ message = _ref.message,
15
+ icon = _ref.icon;
18
16
  return /*#__PURE__*/_jsx(HvEmptyState, {
19
17
  id: id,
20
18
  title: title,
@@ -29,13 +27,11 @@ var EmptyStatePanel = function EmptyStatePanel(_ref) {
29
27
  }
30
28
  });
31
29
  };
32
-
33
30
  process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
34
31
  /**
35
32
  * Id of the EmptyStatePanel
36
33
  */
37
34
  id: PropTypes.string.isRequired,
38
-
39
35
  /**
40
36
  * A Jss Object used to override or extend the component styles.
41
37
  */
@@ -44,38 +40,31 @@ process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
44
40
  * Styles applied to the component root of the panel.
45
41
  */
46
42
  emptyStateRoot: PropTypes.string,
47
-
48
43
  /**
49
44
  * Styles applied to the EmptyStatePanel container.
50
45
  */
51
46
  emptyStateContainer: PropTypes.string,
52
-
53
47
  /**
54
48
  * Styles applied to the empty state container icon.
55
49
  */
56
50
  emptyStateIconContainer: PropTypes.string,
57
-
58
51
  /**
59
52
  * Styles applied to the EmptyStatePanel title.
60
53
  */
61
54
  emptyStateTitleContainer: PropTypes.string
62
55
  }).isRequired,
63
-
64
56
  /**
65
57
  * Class names to be applied to the accordion.
66
58
  */
67
59
  className: PropTypes.string,
68
-
69
60
  /**
70
61
  * Title of the EmptyStatePanel
71
62
  */
72
63
  title: PropTypes.string.isRequired,
73
-
74
64
  /**
75
65
  * Message of the EmptyStatePanel
76
66
  */
77
67
  message: PropTypes.string.isRequired,
78
-
79
68
  /**
80
69
  * Empty Panel Icon
81
70
  */
@@ -1 +1 @@
1
- {"version":3,"file":"EmptyStatePanel.js","names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n return (\n <HvEmptyState\n id={id}\n title={title}\n message={message}\n icon={icon || <Alert />}\n className={className}\n classes={{\n root: classes.emptyStateRoot,\n container: classes.emptyStateContainer,\n iconContainer: classes.emptyStateIconContainer,\n titleContainer: classes.emptyStateTitleContainer,\n }}\n />\n );\n};\n\nEmptyStatePanel.propTypes = {\n /**\n * Id of the EmptyStatePanel\n */\n id: PropTypes.string.isRequired,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the panel.\n */\n emptyStateRoot: PropTypes.string,\n /**\n * Styles applied to the EmptyStatePanel container.\n */\n emptyStateContainer: PropTypes.string,\n\n /**\n * Styles applied to the empty state container icon.\n */\n emptyStateIconContainer: PropTypes.string,\n\n /**\n * Styles applied to the EmptyStatePanel title.\n */\n emptyStateTitleContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Title of the EmptyStatePanel\n */\n title: PropTypes.string.isRequired,\n /**\n * Message of the EmptyStatePanel\n */\n message: PropTypes.string.isRequired,\n /**\n * Empty Panel Icon\n */\n icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,YAAT,QAA6B,kCAA7B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;EAAA,IAAnDC,EAAmD,QAAnDA,EAAmD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,SAAsC,QAAtCA,SAAsC;EAAA,IAA3BC,KAA2B,QAA3BA,KAA2B;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EAC5E,oBACE,KAAC,YAAD;IACE,EAAE,EAAEL,EADN;IAEE,KAAK,EAAEG,KAFT;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEC,IAAI,qCAAI,KAAC,KAAD,KAAJ,CAJZ;IAKE,SAAS,EAAEH,SALb;IAME,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cADP;MAEPC,SAAS,EAAEP,OAAO,CAACQ,mBAFZ;MAGPC,aAAa,EAAET,OAAO,CAACU,uBAHhB;MAIPC,cAAc,EAAEX,OAAO,CAACY;IAJjB;EANX,EADF;AAeD,CAhBD;;AAkBA,wCAAAd,eAAe,CAACe,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEd,EAAE,EAAEN,SAAS,CAACqB,MAAV,CAAiBC,UAJK;;EAK1B;AACF;AACA;EACEf,OAAO,EAAEP,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,cAAc,EAAEb,SAAS,CAACqB,MAJH;;IAKvB;AACJ;AACA;IACIN,mBAAmB,EAAEf,SAAS,CAACqB,MARR;;IAUvB;AACJ;AACA;IACIJ,uBAAuB,EAAEjB,SAAS,CAACqB,MAbZ;;IAevB;AACJ;AACA;IACIF,wBAAwB,EAAEnB,SAAS,CAACqB;EAlBb,CAAhB,EAmBNC,UA3BuB;;EA6B1B;AACF;AACA;EACEd,SAAS,EAAER,SAAS,CAACqB,MAhCK;;EAiC1B;AACF;AACA;EACEZ,KAAK,EAAET,SAAS,CAACqB,MAAV,CAAiBC,UApCE;;EAqC1B;AACF;AACA;EACEZ,OAAO,EAAEV,SAAS,CAACqB,MAAV,CAAiBC,UAxCA;;EAyC1B;AACF;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB;AA5CU,CAA5B;AA8CA,eAAerB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDpB,eAAlD,CAAf"}
1
+ {"version":3,"file":"EmptyStatePanel.js","names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n return (\n <HvEmptyState\n id={id}\n title={title}\n message={message}\n icon={icon || <Alert />}\n className={className}\n classes={{\n root: classes.emptyStateRoot,\n container: classes.emptyStateContainer,\n iconContainer: classes.emptyStateIconContainer,\n titleContainer: classes.emptyStateTitleContainer,\n }}\n />\n );\n};\n\nEmptyStatePanel.propTypes = {\n /**\n * Id of the EmptyStatePanel\n */\n id: PropTypes.string.isRequired,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the panel.\n */\n emptyStateRoot: PropTypes.string,\n /**\n * Styles applied to the EmptyStatePanel container.\n */\n emptyStateContainer: PropTypes.string,\n\n /**\n * Styles applied to the empty state container icon.\n */\n emptyStateIconContainer: PropTypes.string,\n\n /**\n * Styles applied to the EmptyStatePanel title.\n */\n emptyStateTitleContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Title of the EmptyStatePanel\n */\n title: PropTypes.string.isRequired,\n /**\n * Message of the EmptyStatePanel\n */\n message: PropTypes.string.isRequired,\n /**\n * Empty Panel Icon\n */\n icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,KAAK,QAAQ,mCAAmC;AAEzD,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAAyD;EAAA,IAAnDC,EAAE,QAAFA,EAAE;IAAEC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;EACrE,oBACE,KAAC,YAAY;IACX,EAAE,EAAEL,EAAG;IACP,KAAK,EAAEG,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAI,qCAAI,KAAC,KAAK,KAAG,CAAC;IACxB,SAAS,EAAEH,SAAU;IACrB,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cAAc;MAC5BC,SAAS,EAAEP,OAAO,CAACQ,mBAAmB;MACtCC,aAAa,EAAET,OAAO,CAACU,uBAAuB;MAC9CC,cAAc,EAAEX,OAAO,CAACY;IAC1B;EAAE,EACF;AAEN,CAAC;AAED,wCAAAd,eAAe,CAACe,SAAS,GAAG;EAC1B;AACF;AACA;EACEd,EAAE,EAAEN,SAAS,CAACqB,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;EACEf,OAAO,EAAEP,SAAS,CAACuB,KAAK,CAAC;IACvB;AACJ;AACA;IACIV,cAAc,EAAEb,SAAS,CAACqB,MAAM;IAChC;AACJ;AACA;IACIN,mBAAmB,EAAEf,SAAS,CAACqB,MAAM;IAErC;AACJ;AACA;IACIJ,uBAAuB,EAAEjB,SAAS,CAACqB,MAAM;IAEzC;AACJ;AACA;IACIF,wBAAwB,EAAEnB,SAAS,CAACqB;EACtC,CAAC,CAAC,CAACC,UAAU;EAEb;AACF;AACA;EACEd,SAAS,EAAER,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;EACEZ,KAAK,EAAET,SAAS,CAACqB,MAAM,CAACC,UAAU;EAClC;AACF;AACA;EACEZ,OAAO,EAAEV,SAAS,CAACqB,MAAM,CAACC,UAAU;EACpC;AACF;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB;AAClB,CAAC;AACD,eAAerB,UAAU,CAACC,MAAM,EAAE;EAAEqB,IAAI,EAAE;AAAoB,CAAC,CAAC,CAACpB,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB"}
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB"}
@@ -17,6 +17,5 @@ var styles = function styles(theme) {
17
17
  }
18
18
  };
19
19
  };
20
-
21
20
  export default styles;
22
21
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n emptyStateRoot: {\n alignItems: \"center\",\n padding: `${theme.hv.spacing.sm}px 0`,\n },\n emptyStateContainer: {\n display: \"block\",\n },\n\n emptyStateIconContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n\n emptyStateTitleContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,cAAc,EAAE;MACdC,UAAU,EAAE,QADE;MAEdC,OAAO,YAAKH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IAFO,CADS;IAKzBC,mBAAmB,EAAE;MACnBC,OAAO,EAAE;IADU,CALI;IASzBC,uBAAuB,EAAE;MACvBD,OAAO,EAAE,MADc;MAEvBE,cAAc,EAAE;IAFO,CATA;IAczBC,wBAAwB,EAAE;MACxBH,OAAO,EAAE,MADe;MAExBE,cAAc,EAAE;IAFQ;EAdD,CAAZ;AAAA,CAAf;;AAoBA,eAAeX,MAAf"}
1
+ {"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n emptyStateRoot: {\n alignItems: \"center\",\n padding: `${theme.hv.spacing.sm}px 0`,\n },\n emptyStateContainer: {\n display: \"block\",\n },\n\n emptyStateIconContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n\n emptyStateTitleContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,cAAc,EAAE;MACdC,UAAU,EAAE,QAAQ;MACpBC,OAAO,YAAKH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;IACjC,CAAC;IACDC,mBAAmB,EAAE;MACnBC,OAAO,EAAE;IACX,CAAC;IAEDC,uBAAuB,EAAE;MACvBD,OAAO,EAAE,MAAM;MACfE,cAAc,EAAE;IAClB,CAAC;IAEDC,wBAAwB,EAAE;MACxBH,OAAO,EAAE,MAAM;MACfE,cAAc,EAAE;IAClB;EACF,CAAC;AAAA,CAAC;AAEF,eAAeX,MAAM"}