@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
@@ -1 +1 @@
1
- {"version":3,"file":"ImageCarousel.js","names":["HvImageCarousel","props","className","classes","documents","title","id","fullscreen","fullscreenProp","thumbnails","lowCardinality","infiniteCarousel","xs","onChange","counter","currentStep","setCurrentStep","visibleArrows","variant","others","elementId","useUniqueId","useState","setFullscreen","options","map","element","src","value","setId","sliceStart","setSliceStart","selImage","setImage","offset","setOffset","imageHover","setImageHover","direction","useStyles","makeStyles","theme","button","backgroundColor","hv","palette","atmosphere","atmo3","imageBox","minWidth","display","justifyContent","allImages","width","style","useScrollTo","selectedIndex","setScrollTo","selectedBigIndex","setBigScrollTo","refBackwards","useRef","refForwards","typeCircle","handleSelection","useCallback","event","index","wrappedOnChange","handleFocus","focus","current","handleBigSelection","handleVisibility","image","document","getElementById","panel","container","containerWidth","offsetWidth","offsetPanel","offsetLeft","offsetImage","imageWidth","scroll","scrollLeft","activeElement","useEffect","undefined","changeSlice","length","nextImage","next","previousImage","previous","styleThumbnail","img","thumbnailSelected","circleType","xsSelectedCircle","selectedCircle","miniCircle","clsx","root","fullscreenStyle","closeButton","imageContainer","stack","appear","enter","exit","selectedImage","lowButtons","xsCircles","slice","divCounter","color","circles","normalButtons","hidden","i","thumbnailButton","propTypes","PropTypes","string","shape","xsMode","xsImage","isRequired","array","node","func","bool","number","withStyles","styles","name"],"sources":["../../src/ImageCarousel/ImageCarousel.js"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport {\n setId,\n useUniqueId,\n HvButton,\n HvContainer,\n HvTypography,\n HvGrid,\n HvStack,\n HvPanel,\n useScrollTo,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { Button, Fade } from \"@mui/material\";\nimport { withStyles, makeStyles } from \"@mui/styles\";\n\nimport { Backwards, Forwards, Close, Fullscreen } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n/**\n * ImageCarousel description/documentation paragraph\n */\nconst HvImageCarousel = (props) => {\n const {\n className,\n classes,\n documents,\n title,\n id,\n fullscreen: fullscreenProp = false,\n thumbnails = false,\n lowCardinality = false,\n infiniteCarousel = false,\n xs = false,\n onChange,\n counter = false,\n currentStep = 0,\n setCurrentStep,\n visibleArrows = false,\n variant = \"contain\",\n ...others\n } = props;\n const elementId = useUniqueId(id, \"hvcarousel\");\n const [fullscreen, setFullscreen] = useState(false);\n const options = documents.map((element) => ({\n src: element.src,\n value: setId(elementId, element.value),\n }));\n\n const [sliceStart, setSliceStart] = useState(0);\n const [selImage, setImage] = useState(currentStep);\n const [offset, setOffset] = useState(0);\n const [imageHover, setImageHover] = useState(false);\n let direction = \"next\";\n const useStyles = makeStyles((theme) => ({\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n imageBox: {\n minWidth: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n allImages: {\n width: \"max-content\",\n display: \"flex\",\n },\n }));\n const style = useStyles();\n\n const [selectedIndex, setScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"panel\"),\n false,\n 100,\n documents,\n onChange,\n \"row\"\n );\n const [selectedBigIndex, setBigScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"bigPanel\"),\n false,\n 0,\n options,\n onChange,\n \"row\"\n );\n const refBackwards = useRef(null);\n const refForwards = useRef(null);\n let typeCircle = \"circle\";\n\n const handleSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setScrollTo]\n );\n\n const handleFocus = (focus) => {\n if (focus === refBackwards.current || focus === refForwards.current) focus.focus();\n };\n\n const handleBigSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setBigScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setBigScrollTo]\n );\n\n const handleVisibility = useCallback(\n (event, value, index) => {\n const image = document.getElementById(value);\n const panel = document.getElementById(setId(elementId, \"panel\"));\n const container = document.getElementById(setId(elementId, \"container\"));\n const containerWidth = container.offsetWidth;\n const offsetPanel = panel.offsetLeft;\n const offsetImage = image.offsetLeft;\n const imageWidth = image.offsetWidth;\n const scroll = panel.scrollLeft;\n const focus = document.activeElement;\n\n if (\n offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth ||\n offsetImage - scroll < 0\n ) {\n handleSelection(event, value, index);\n handleFocus(focus);\n }\n },\n [elementId, handleSelection, offset]\n );\n\n useEffect(() => {\n setCurrentStep?.(selImage);\n }, [selImage, setCurrentStep]);\n\n useEffect(() => {\n if (fullscreen) setOffset(150);\n else setOffset(0);\n\n if (thumbnails) {\n handleVisibility(undefined, documents[selImage].value, selImage, selectedIndex);\n }\n handleBigSelection(undefined, options[selImage].value, selImage, selectedBigIndex);\n }, [\n documents,\n fullscreen,\n handleBigSelection,\n handleVisibility,\n options,\n selImage,\n selectedBigIndex,\n selectedIndex,\n thumbnails,\n ]);\n\n const changeSlice = () => {\n if (direction === \"next\") {\n if (infiniteCarousel && selImage === documents.length - 1) setSliceStart(0);\n else if (selImage > sliceStart + 2 && selImage !== documents.length - 2)\n setSliceStart(sliceStart + 1);\n }\n if (direction === \"prev\") {\n if (infiniteCarousel && selImage === 0)\n setSliceStart(documents.length > 5 ? documents.length - 5 : 0);\n else if (selImage < sliceStart + 2 && selImage !== 1) setSliceStart(sliceStart - 1);\n }\n };\n\n const nextImage = () => {\n let next;\n if (selImage !== documents.length - 1) next = selImage + 1;\n else if (infiniteCarousel) next = 0;\n setImage(next);\n if (xs) {\n direction = \"next\";\n changeSlice();\n }\n };\n\n const previousImage = () => {\n let previous;\n if (selImage !== 0) previous = selImage - 1;\n else if (infiniteCarousel) previous = documents.length - 1;\n setImage(previous);\n if (xs) {\n direction = \"prev\";\n changeSlice();\n }\n };\n\n const styleThumbnail = (index) => {\n if (index !== selImage) return classes.img;\n return classes.thumbnailSelected;\n };\n\n const circleType = (index) => {\n if (index === selImage) {\n typeCircle = \"BigCircle\";\n if (xs) return classes.xsSelectedCircle;\n return classes.selectedCircle;\n }\n typeCircle = \"Circle\";\n return classes.miniCircle;\n };\n\n return (\n <HvContainer\n id={setId(elementId, \"container\")}\n className={clsx(\n className,\n classes.root,\n fullscreen ? classes.fullscreenStyle : \"\",\n xs ? \"xs\" : \"nxs\"\n )}\n {...others}\n >\n {!xs && (\n <div className={classes.title}>\n <div>{title}</div>\n {fullscreenProp && (\n <div>\n {fullscreen ? (\n <HvButton\n className={classes.closeButton}\n icon\n aria-label=\"Close\"\n onClick={() => setFullscreen(!fullscreen)}\n >\n <Close />\n </HvButton>\n ) : (\n <HvButton icon aria-label=\"Fullscreen\" onClick={() => setFullscreen(true)}>\n <Fullscreen />\n </HvButton>\n )}\n </div>\n )}\n </div>\n )}\n <HvContainer\n className={clsx(\n classes.imageContainer,\n !xs ? \"nxs\" : \"\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\"\n )}\n onFocus={() => setImageHover(true)}\n onMouseOver={() => setImageHover(true)}\n onBlur={() => setImageHover(false)}\n onMouseOut={() => setImageHover(false)}\n >\n <HvPanel\n className={clsx(classes.stack, xs ? \"xs\" : \"nxs\")}\n id={setId(elementId, \"bigPanel\")}\n >\n {options.map((element, index) => (\n <div className={style.imageBox} id={element.value} key={`div ${element.value}`}>\n <Fade in={selImage === index || xs} timeout={{ appear: 500, enter: 1200, exit: 200 }}>\n <img\n className={clsx(\n classes.selectedImage,\n xs ? \"xs\" : \"nxs\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\",\n variant\n )}\n src={element.src}\n alt={element.value}\n key={`image ${element.value}`}\n />\n </Fade>\n </div>\n ))}\n </HvPanel>\n {(xs || lowCardinality) && (\n <div className={clsx(classes.lowButtons, !xs ? \"nxs\" : \"\")}>\n <div>\n <Fade in={imageHover || visibleArrows}>\n <HvButton\n ref={refBackwards}\n className={classes.button}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </Fade>\n </div>\n <div>\n <Fade in={imageHover || visibleArrows}>\n <HvButton\n ref={refForwards}\n className={classes.button}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </Fade>\n </div>\n </div>\n )}\n {xs && (\n <div className={classes.xsCircles}>\n {documents\n .map((element, index) => (\n <span\n className={circleType(index)}\n title={typeCircle}\n key={`Circle ${element.value}`}\n />\n ))\n .slice(sliceStart, sliceStart + 5)}\n </div>\n )}\n {counter && (\n <div className={clsx(classes.divCounter, !xs ? \"nxs\" : \"\")}>\n <span className={classes.counter}>\n <HvTypography variant=\"normalText\" style={{ color: \"white\" }}>\n {`${selImage + 1}/${documents.length}`}\n </HvTypography>\n </span>\n </div>\n )}\n </HvContainer>\n {!xs && (\n <>\n {lowCardinality ? (\n <div className={classes.circles}>\n {documents.map((element, index) => (\n <span\n className={circleType(index)}\n title={`${typeCircle} ${index}`}\n key={`Circle ${element.value}`}\n />\n ))}\n </div>\n ) : (\n <HvGrid\n className={clsx(classes.normalButtons)}\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <HvGrid item>\n <HvButton\n className={infiniteCarousel || selImage !== 0 ? \"\" : classes.hidden}\n ref={refBackwards}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </HvGrid>\n <HvGrid item>\n <HvTypography variant=\"highlightText\" component=\"a\">\n {selImage + 1}\n </HvTypography>\n <HvTypography variant=\"normalText\" component=\"a\">\n {` / ${documents.length}`}\n </HvTypography>\n </HvGrid>\n <HvGrid item>\n <HvButton\n className={\n infiniteCarousel || selImage !== documents.length - 1 ? \"\" : classes.hidden\n }\n ref={refForwards}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </HvGrid>\n </HvGrid>\n )}\n {thumbnails && (\n <HvPanel className={classes.panel} id={setId(elementId, \"panel\")}>\n <HvStack key=\"Thumbnails\" direction=\"row\" spacing=\"xs\" withNavigation>\n {documents.map((element, i) => (\n <Button\n id={element.value}\n key={`Button ${element.value}`}\n className={classes.thumbnailButton}\n onClick={() => setImage(i)}\n >\n <img\n className={styleThumbnail(i)}\n src={element.src}\n alt={element.value}\n key={`Thumbnail ${element.value}`}\n />\n </Button>\n ))}\n </HvStack>\n </HvPanel>\n )}\n </>\n )}\n </HvContainer>\n );\n};\n\nHvImageCarousel.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 /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component SelectedImage.\n */\n selectedImage: PropTypes.string,\n /**\n * Styles applied to xs mode\n */\n xsMode: PropTypes.string,\n /**\n * Styles applied to image in xsMode\n */\n xsImage: PropTypes.string,\n /**\n * Styles applied to panel with low cardinality circles\n */\n circles: PropTypes.string,\n /**\n * Styles applied to xs mode circles\n */\n xsCircles: PropTypes.string,\n /**\n * Styles applied to unavailable button\n */\n hidden: PropTypes.string,\n /**\n * Styles applied to the carousel title\n */\n title: PropTypes.string,\n /**\n * Styles applied to the counter\n */\n counter: PropTypes.string,\n /**\n * Styles applied to the div with the counter\n */\n divCounter: PropTypes.string,\n /**\n * Styles applied to the thumbnails\n */\n img: PropTypes.string,\n /**\n * Styles applied to the selected thumbnail\n */\n thumbnailSelected: PropTypes.string,\n /**\n * Styles applied to the thumbnail button\n */\n thumbnailButton: PropTypes.string,\n /**\n * Styles applied to the low cardinality circles\n */\n miniCircle: PropTypes.string,\n /**\n * Styles applied to the circle of the selected image\n */\n selectedCircle: PropTypes.string,\n /**\n * Styles applied to the circle of the selected image in xsmode\n */\n xsSelectedCircle: PropTypes.string,\n /**\n * Styles applied to the panel with low cardinality buttons\n */\n lowButtons: PropTypes.string,\n /**\n * Styles applied to the container of the selected image\n */\n imageContainer: PropTypes.string,\n /**\n * Styles applied to the panel with the thumbnails\n */\n stack: PropTypes.string,\n /**\n * Styles applied to the panel that contains the buttons and counter in default mode\n */\n normalButtons: PropTypes.string,\n /**\n * Styles applied to fullscreen mode.\n */\n fullscreenStyle: PropTypes.string,\n /**\n * Styles applied to close button in fullscreen mode.\n */\n closeButton: PropTypes.string,\n /**\n * Styles applied to change image buttons.\n */\n button: PropTypes.string,\n /**\n * Styles applied to thumbnails panel.\n */\n panel: PropTypes.string,\n }).isRequired,\n /**\n * Documents to be displayed.\n */\n documents: PropTypes.array.isRequired,\n /**\n * Title of the image carousel\n */\n title: PropTypes.node,\n /**\n * A function called each time the selected image changes.\n */\n onChange: PropTypes.func,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A flag that activates the thumbnails.\n */\n thumbnails: PropTypes.bool,\n /**\n * A flag that switches to low cardinality mode\n */\n lowCardinality: PropTypes.bool,\n /**\n * A flag that activates the infinite carousel behavior\n */\n infiniteCarousel: PropTypes.bool,\n /**\n * A flag that activates a counter on the top right corner of the selected image\n */\n counter: PropTypes.bool,\n /**\n * Set Image Carousel to fullscreen mode\n */\n fullscreen: PropTypes.bool,\n /**\n * Set selected image to a particular image in documents\n */\n currentStep: PropTypes.number,\n /**\n * Function that changes the selected image\n */\n setCurrentStep: PropTypes.func,\n /**\n * Image Carousel set to xs mode\n */\n xs: PropTypes.bool,\n /**\n * Arrows always displayed in low cardinality or xs mode\n */\n visibleArrows: PropTypes.bool,\n /**\n * Selected image fit variant\n */\n variant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvImageCarousel\" })(HvImageCarousel);\n"],"mappings":"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"}
1
+ {"version":3,"file":"ImageCarousel.js","names":["HvImageCarousel","props","className","classes","documents","title","id","fullscreen","fullscreenProp","thumbnails","lowCardinality","infiniteCarousel","xs","onChange","counter","currentStep","setCurrentStep","visibleArrows","variant","others","elementId","useUniqueId","useState","setFullscreen","options","map","element","src","value","setId","sliceStart","setSliceStart","selImage","setImage","offset","setOffset","imageHover","setImageHover","direction","useStyles","makeStyles","theme","button","backgroundColor","hv","palette","atmosphere","atmo3","imageBox","minWidth","display","justifyContent","allImages","width","style","useScrollTo","selectedIndex","setScrollTo","selectedBigIndex","setBigScrollTo","refBackwards","useRef","refForwards","typeCircle","handleSelection","useCallback","event","index","wrappedOnChange","handleFocus","focus","current","handleBigSelection","handleVisibility","image","document","getElementById","panel","container","containerWidth","offsetWidth","offsetPanel","offsetLeft","offsetImage","imageWidth","scroll","scrollLeft","activeElement","useEffect","undefined","changeSlice","length","nextImage","next","previousImage","previous","styleThumbnail","img","thumbnailSelected","circleType","xsSelectedCircle","selectedCircle","miniCircle","clsx","root","fullscreenStyle","closeButton","imageContainer","stack","appear","enter","exit","selectedImage","lowButtons","xsCircles","slice","divCounter","color","circles","normalButtons","hidden","i","thumbnailButton","propTypes","PropTypes","string","shape","xsMode","xsImage","isRequired","array","node","func","bool","number","withStyles","styles","name"],"sources":["../../src/ImageCarousel/ImageCarousel.js"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport {\n setId,\n useUniqueId,\n HvButton,\n HvContainer,\n HvTypography,\n HvGrid,\n HvStack,\n HvPanel,\n useScrollTo,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { Button, Fade } from \"@mui/material\";\nimport { withStyles, makeStyles } from \"@mui/styles\";\n\nimport { Backwards, Forwards, Close, Fullscreen } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n/**\n * ImageCarousel description/documentation paragraph\n */\nconst HvImageCarousel = (props) => {\n const {\n className,\n classes,\n documents,\n title,\n id,\n fullscreen: fullscreenProp = false,\n thumbnails = false,\n lowCardinality = false,\n infiniteCarousel = false,\n xs = false,\n onChange,\n counter = false,\n currentStep = 0,\n setCurrentStep,\n visibleArrows = false,\n variant = \"contain\",\n ...others\n } = props;\n const elementId = useUniqueId(id, \"hvcarousel\");\n const [fullscreen, setFullscreen] = useState(false);\n const options = documents.map((element) => ({\n src: element.src,\n value: setId(elementId, element.value),\n }));\n\n const [sliceStart, setSliceStart] = useState(0);\n const [selImage, setImage] = useState(currentStep);\n const [offset, setOffset] = useState(0);\n const [imageHover, setImageHover] = useState(false);\n let direction = \"next\";\n const useStyles = makeStyles((theme) => ({\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n imageBox: {\n minWidth: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n allImages: {\n width: \"max-content\",\n display: \"flex\",\n },\n }));\n const style = useStyles();\n\n const [selectedIndex, setScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"panel\"),\n false,\n 100,\n documents,\n onChange,\n \"row\"\n );\n const [selectedBigIndex, setBigScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"bigPanel\"),\n false,\n 0,\n options,\n onChange,\n \"row\"\n );\n const refBackwards = useRef(null);\n const refForwards = useRef(null);\n let typeCircle = \"circle\";\n\n const handleSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setScrollTo]\n );\n\n const handleFocus = (focus) => {\n if (focus === refBackwards.current || focus === refForwards.current) focus.focus();\n };\n\n const handleBigSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setBigScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setBigScrollTo]\n );\n\n const handleVisibility = useCallback(\n (event, value, index) => {\n const image = document.getElementById(value);\n const panel = document.getElementById(setId(elementId, \"panel\"));\n const container = document.getElementById(setId(elementId, \"container\"));\n const containerWidth = container.offsetWidth;\n const offsetPanel = panel.offsetLeft;\n const offsetImage = image.offsetLeft;\n const imageWidth = image.offsetWidth;\n const scroll = panel.scrollLeft;\n const focus = document.activeElement;\n\n if (\n offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth ||\n offsetImage - scroll < 0\n ) {\n handleSelection(event, value, index);\n handleFocus(focus);\n }\n },\n [elementId, handleSelection, offset]\n );\n\n useEffect(() => {\n setCurrentStep?.(selImage);\n }, [selImage, setCurrentStep]);\n\n useEffect(() => {\n if (fullscreen) setOffset(150);\n else setOffset(0);\n\n if (thumbnails) {\n handleVisibility(undefined, documents[selImage].value, selImage, selectedIndex);\n }\n handleBigSelection(undefined, options[selImage].value, selImage, selectedBigIndex);\n }, [\n documents,\n fullscreen,\n handleBigSelection,\n handleVisibility,\n options,\n selImage,\n selectedBigIndex,\n selectedIndex,\n thumbnails,\n ]);\n\n const changeSlice = () => {\n if (direction === \"next\") {\n if (infiniteCarousel && selImage === documents.length - 1) setSliceStart(0);\n else if (selImage > sliceStart + 2 && selImage !== documents.length - 2)\n setSliceStart(sliceStart + 1);\n }\n if (direction === \"prev\") {\n if (infiniteCarousel && selImage === 0)\n setSliceStart(documents.length > 5 ? documents.length - 5 : 0);\n else if (selImage < sliceStart + 2 && selImage !== 1) setSliceStart(sliceStart - 1);\n }\n };\n\n const nextImage = () => {\n let next;\n if (selImage !== documents.length - 1) next = selImage + 1;\n else if (infiniteCarousel) next = 0;\n setImage(next);\n if (xs) {\n direction = \"next\";\n changeSlice();\n }\n };\n\n const previousImage = () => {\n let previous;\n if (selImage !== 0) previous = selImage - 1;\n else if (infiniteCarousel) previous = documents.length - 1;\n setImage(previous);\n if (xs) {\n direction = \"prev\";\n changeSlice();\n }\n };\n\n const styleThumbnail = (index) => {\n if (index !== selImage) return classes.img;\n return classes.thumbnailSelected;\n };\n\n const circleType = (index) => {\n if (index === selImage) {\n typeCircle = \"BigCircle\";\n if (xs) return classes.xsSelectedCircle;\n return classes.selectedCircle;\n }\n typeCircle = \"Circle\";\n return classes.miniCircle;\n };\n\n return (\n <HvContainer\n id={setId(elementId, \"container\")}\n className={clsx(\n className,\n classes.root,\n fullscreen ? classes.fullscreenStyle : \"\",\n xs ? \"xs\" : \"nxs\"\n )}\n {...others}\n >\n {!xs && (\n <div className={classes.title}>\n <div>{title}</div>\n {fullscreenProp && (\n <div>\n {fullscreen ? (\n <HvButton\n className={classes.closeButton}\n icon\n aria-label=\"Close\"\n onClick={() => setFullscreen(!fullscreen)}\n >\n <Close />\n </HvButton>\n ) : (\n <HvButton icon aria-label=\"Fullscreen\" onClick={() => setFullscreen(true)}>\n <Fullscreen />\n </HvButton>\n )}\n </div>\n )}\n </div>\n )}\n <HvContainer\n className={clsx(\n classes.imageContainer,\n !xs ? \"nxs\" : \"\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\"\n )}\n onFocus={() => setImageHover(true)}\n onMouseOver={() => setImageHover(true)}\n onBlur={() => setImageHover(false)}\n onMouseOut={() => setImageHover(false)}\n >\n <HvPanel\n className={clsx(classes.stack, xs ? \"xs\" : \"nxs\")}\n id={setId(elementId, \"bigPanel\")}\n >\n {options.map((element, index) => (\n <div className={style.imageBox} id={element.value} key={`div ${element.value}`}>\n <Fade in={selImage === index || xs} timeout={{ appear: 500, enter: 1200, exit: 200 }}>\n <img\n className={clsx(\n classes.selectedImage,\n xs ? \"xs\" : \"nxs\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\",\n variant\n )}\n src={element.src}\n alt={element.value}\n key={`image ${element.value}`}\n />\n </Fade>\n </div>\n ))}\n </HvPanel>\n {(xs || lowCardinality) && (\n <div className={clsx(classes.lowButtons, !xs ? \"nxs\" : \"\")}>\n <div>\n <Fade in={imageHover || visibleArrows}>\n <HvButton\n ref={refBackwards}\n className={classes.button}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </Fade>\n </div>\n <div>\n <Fade in={imageHover || visibleArrows}>\n <HvButton\n ref={refForwards}\n className={classes.button}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </Fade>\n </div>\n </div>\n )}\n {xs && (\n <div className={classes.xsCircles}>\n {documents\n .map((element, index) => (\n <span\n className={circleType(index)}\n title={typeCircle}\n key={`Circle ${element.value}`}\n />\n ))\n .slice(sliceStart, sliceStart + 5)}\n </div>\n )}\n {counter && (\n <div className={clsx(classes.divCounter, !xs ? \"nxs\" : \"\")}>\n <span className={classes.counter}>\n <HvTypography variant=\"normalText\" style={{ color: \"white\" }}>\n {`${selImage + 1}/${documents.length}`}\n </HvTypography>\n </span>\n </div>\n )}\n </HvContainer>\n {!xs && (\n <>\n {lowCardinality ? (\n <div className={classes.circles}>\n {documents.map((element, index) => (\n <span\n className={circleType(index)}\n title={`${typeCircle} ${index}`}\n key={`Circle ${element.value}`}\n />\n ))}\n </div>\n ) : (\n <HvGrid\n className={clsx(classes.normalButtons)}\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <HvGrid item>\n <HvButton\n className={infiniteCarousel || selImage !== 0 ? \"\" : classes.hidden}\n ref={refBackwards}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </HvGrid>\n <HvGrid item>\n <HvTypography variant=\"highlightText\" component=\"a\">\n {selImage + 1}\n </HvTypography>\n <HvTypography variant=\"normalText\" component=\"a\">\n {` / ${documents.length}`}\n </HvTypography>\n </HvGrid>\n <HvGrid item>\n <HvButton\n className={\n infiniteCarousel || selImage !== documents.length - 1 ? \"\" : classes.hidden\n }\n ref={refForwards}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </HvGrid>\n </HvGrid>\n )}\n {thumbnails && (\n <HvPanel className={classes.panel} id={setId(elementId, \"panel\")}>\n <HvStack key=\"Thumbnails\" direction=\"row\" spacing=\"xs\" withNavigation>\n {documents.map((element, i) => (\n <Button\n id={element.value}\n key={`Button ${element.value}`}\n className={classes.thumbnailButton}\n onClick={() => setImage(i)}\n >\n <img\n className={styleThumbnail(i)}\n src={element.src}\n alt={element.value}\n key={`Thumbnail ${element.value}`}\n />\n </Button>\n ))}\n </HvStack>\n </HvPanel>\n )}\n </>\n )}\n </HvContainer>\n );\n};\n\nHvImageCarousel.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 /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component SelectedImage.\n */\n selectedImage: PropTypes.string,\n /**\n * Styles applied to xs mode\n */\n xsMode: PropTypes.string,\n /**\n * Styles applied to image in xsMode\n */\n xsImage: PropTypes.string,\n /**\n * Styles applied to panel with low cardinality circles\n */\n circles: PropTypes.string,\n /**\n * Styles applied to xs mode circles\n */\n xsCircles: PropTypes.string,\n /**\n * Styles applied to unavailable button\n */\n hidden: PropTypes.string,\n /**\n * Styles applied to the carousel title\n */\n title: PropTypes.string,\n /**\n * Styles applied to the counter\n */\n counter: PropTypes.string,\n /**\n * Styles applied to the div with the counter\n */\n divCounter: PropTypes.string,\n /**\n * Styles applied to the thumbnails\n */\n img: PropTypes.string,\n /**\n * Styles applied to the selected thumbnail\n */\n thumbnailSelected: PropTypes.string,\n /**\n * Styles applied to the thumbnail button\n */\n thumbnailButton: PropTypes.string,\n /**\n * Styles applied to the low cardinality circles\n */\n miniCircle: PropTypes.string,\n /**\n * Styles applied to the circle of the selected image\n */\n selectedCircle: PropTypes.string,\n /**\n * Styles applied to the circle of the selected image in xsmode\n */\n xsSelectedCircle: PropTypes.string,\n /**\n * Styles applied to the panel with low cardinality buttons\n */\n lowButtons: PropTypes.string,\n /**\n * Styles applied to the container of the selected image\n */\n imageContainer: PropTypes.string,\n /**\n * Styles applied to the panel with the thumbnails\n */\n stack: PropTypes.string,\n /**\n * Styles applied to the panel that contains the buttons and counter in default mode\n */\n normalButtons: PropTypes.string,\n /**\n * Styles applied to fullscreen mode.\n */\n fullscreenStyle: PropTypes.string,\n /**\n * Styles applied to close button in fullscreen mode.\n */\n closeButton: PropTypes.string,\n /**\n * Styles applied to change image buttons.\n */\n button: PropTypes.string,\n /**\n * Styles applied to thumbnails panel.\n */\n panel: PropTypes.string,\n }).isRequired,\n /**\n * Documents to be displayed.\n */\n documents: PropTypes.array.isRequired,\n /**\n * Title of the image carousel\n */\n title: PropTypes.node,\n /**\n * A function called each time the selected image changes.\n */\n onChange: PropTypes.func,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A flag that activates the thumbnails.\n */\n thumbnails: PropTypes.bool,\n /**\n * A flag that switches to low cardinality mode\n */\n lowCardinality: PropTypes.bool,\n /**\n * A flag that activates the infinite carousel behavior\n */\n infiniteCarousel: PropTypes.bool,\n /**\n * A flag that activates a counter on the top right corner of the selected image\n */\n counter: PropTypes.bool,\n /**\n * Set Image Carousel to fullscreen mode\n */\n fullscreen: PropTypes.bool,\n /**\n * Set selected image to a particular image in documents\n */\n currentStep: PropTypes.number,\n /**\n * Function that changes the selected image\n */\n setCurrentStep: PropTypes.func,\n /**\n * Image Carousel set to xs mode\n */\n xs: PropTypes.bool,\n /**\n * Arrows always displayed in low cardinality or xs mode\n */\n visibleArrows: PropTypes.bool,\n /**\n * Selected image fit variant\n */\n variant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvImageCarousel\" })(HvImageCarousel);\n"],"mappings":"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"}
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
11
10
  return _ImageCarousel.default;
12
11
  }
13
12
  });
14
-
15
13
  var _ImageCarousel = _interopRequireDefault(require("./ImageCarousel"));
16
14
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/ImageCarousel/index.js"],"sourcesContent":["export { default } from \"./ImageCarousel\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/ImageCarousel/index.js"],"sourcesContent":["export { default } from \"./ImageCarousel\";\n"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -1,17 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var styles = function styles(theme) {
13
10
  var _notFullscreen, _img, _thumbnailSelected, _imageContainer;
14
-
15
11
  return {
16
12
  root: {
17
13
  "&:not(.xs)": {
@@ -232,7 +228,6 @@ var styles = function styles(theme) {
232
228
  }
233
229
  };
234
230
  };
235
-
236
231
  var _default = styles;
237
232
  exports.default = _default;
238
233
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n \"&:not(.xs)\": {\n background: theme.hv.palette.atmosphere.atmo1,\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"column\",\n margin: \"0px\",\n paddingTop: \"15px\",\n paddingBottom: \"15px\",\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n maxWidth: \"500px\",\n height: \"200px\",\n padding: \"0px\",\n },\n },\n fullscreenStyle: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n padding: \"10px 150px 10px 150px\",\n top: 0,\n left: 0,\n zIndex: 1300,\n },\n closeButton: {\n position: \"absolute\",\n right: \"25px\",\n },\n selectedImage: {\n \"&:not(.contain)\": {\n objectFit: \"cover\",\n },\n \"&:not(.cover)\": {\n objectFit: \"contain\",\n },\n \"&:not(.xs)\": {\n width: \"100%\",\n textAlign: \"center\",\n \"&:not(.fullscreen)\": {\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n },\n \"&:not(.notFullscreen)\": {\n height: \"100%\",\n },\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n textAlign: \"center\",\n },\n },\n xsMode: {\n width: \"min-content\",\n height: \"min-content\",\n margin: \"0px\",\n textAlign: \"center\",\n },\n circles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n xsCircles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n transform: \"translateY(-63px)\",\n },\n hidden: {\n visibility: \"hidden\",\n },\n title: {\n display: \"flex\",\n alignItems: \"flex-start\",\n width: \"100%\",\n justifyContent: \"space-between\",\n },\n divCounter: {\n width: \"100%\",\n paddingTop: \"10px\",\n paddingRight: \"15px\",\n display: \"flex\",\n justifyContent: \"flex-end\",\n position: \"relative\",\n bottom: \"102%\",\n \"&:not(.nxs)\": {\n right: \"5%\",\n bottom: \"262px\",\n padding: \"0px\",\n },\n },\n counter: {\n width: \"45px\",\n backgroundColor: theme.hv.palette.base.base2,\n },\n img: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n },\n thumbnailSelected: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n borderStyle: \"solid\",\n borderColor: theme.hv.palette.base.base2,\n opacity: \"50%\",\n },\n thumbnailButton: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n miniCircle: {\n width: \"5px\",\n height: \"5px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n display: \"inline-block\",\n margin: \"10px\",\n },\n selectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo5,\n display: \"inline-block\",\n margin: \"10px\",\n },\n xsSelectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n display: \"inline-block\",\n margin: \"10px\",\n },\n lowButtons: {\n width: \"95%\",\n display: \"inline-flex\",\n justifyContent: \"space-between\",\n position: \"relative\",\n top: \"-50%\",\n transform: \"translateY(-16px)\",\n \"&:not(.nxs)\": {\n width: \"90%\",\n top: \"-99px\",\n },\n },\n imageContainer: {\n width: \"100%\",\n marginTop: \"20px\",\n margin: \"0px\",\n textAlign: \"center\",\n padding: \"0px\",\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n \"&:not(.notFullscreen)\": {\n height: \"85%\",\n alignItems: \"center\",\n },\n },\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n inputImage: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n stack: {\n \"&:not(.xs)\": {\n width: \"100%\",\n display: \"flex\",\n alignSelf: \"center\",\n height: \"100%\",\n padding: \"0px\",\n },\n \"&:not(.flag)\": {\n overflowX: \"hidden\",\n },\n \"&:not(.nxs)\": {\n height: \"200px\",\n display: \"flex\",\n padding: \"0px\",\n },\n },\n normalButtons: {\n padding: \"5px 0px\",\n },\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflow: \"hidden\",\n padding: \"3px\",\n height: \"75px\",\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n \"&:not(.xs)\": {\n background: theme.hv.palette.atmosphere.atmo1,\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"column\",\n margin: \"0px\",\n paddingTop: \"15px\",\n paddingBottom: \"15px\",\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n maxWidth: \"500px\",\n height: \"200px\",\n padding: \"0px\",\n },\n },\n fullscreenStyle: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n padding: \"10px 150px 10px 150px\",\n top: 0,\n left: 0,\n zIndex: 1300,\n },\n closeButton: {\n position: \"absolute\",\n right: \"25px\",\n },\n selectedImage: {\n \"&:not(.contain)\": {\n objectFit: \"cover\",\n },\n \"&:not(.cover)\": {\n objectFit: \"contain\",\n },\n \"&:not(.xs)\": {\n width: \"100%\",\n textAlign: \"center\",\n \"&:not(.fullscreen)\": {\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n },\n \"&:not(.notFullscreen)\": {\n height: \"100%\",\n },\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n textAlign: \"center\",\n },\n },\n xsMode: {\n width: \"min-content\",\n height: \"min-content\",\n margin: \"0px\",\n textAlign: \"center\",\n },\n circles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n xsCircles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n transform: \"translateY(-63px)\",\n },\n hidden: {\n visibility: \"hidden\",\n },\n title: {\n display: \"flex\",\n alignItems: \"flex-start\",\n width: \"100%\",\n justifyContent: \"space-between\",\n },\n divCounter: {\n width: \"100%\",\n paddingTop: \"10px\",\n paddingRight: \"15px\",\n display: \"flex\",\n justifyContent: \"flex-end\",\n position: \"relative\",\n bottom: \"102%\",\n \"&:not(.nxs)\": {\n right: \"5%\",\n bottom: \"262px\",\n padding: \"0px\",\n },\n },\n counter: {\n width: \"45px\",\n backgroundColor: theme.hv.palette.base.base2,\n },\n img: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n },\n thumbnailSelected: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n borderStyle: \"solid\",\n borderColor: theme.hv.palette.base.base2,\n opacity: \"50%\",\n },\n thumbnailButton: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n miniCircle: {\n width: \"5px\",\n height: \"5px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n display: \"inline-block\",\n margin: \"10px\",\n },\n selectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo5,\n display: \"inline-block\",\n margin: \"10px\",\n },\n xsSelectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n display: \"inline-block\",\n margin: \"10px\",\n },\n lowButtons: {\n width: \"95%\",\n display: \"inline-flex\",\n justifyContent: \"space-between\",\n position: \"relative\",\n top: \"-50%\",\n transform: \"translateY(-16px)\",\n \"&:not(.nxs)\": {\n width: \"90%\",\n top: \"-99px\",\n },\n },\n imageContainer: {\n width: \"100%\",\n marginTop: \"20px\",\n margin: \"0px\",\n textAlign: \"center\",\n padding: \"0px\",\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n \"&:not(.notFullscreen)\": {\n height: \"85%\",\n alignItems: \"center\",\n },\n },\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n inputImage: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n stack: {\n \"&:not(.xs)\": {\n width: \"100%\",\n display: \"flex\",\n alignSelf: \"center\",\n height: \"100%\",\n padding: \"0px\",\n },\n \"&:not(.flag)\": {\n overflowX: \"hidden\",\n },\n \"&:not(.nxs)\": {\n height: \"200px\",\n display: \"flex\",\n padding: \"0px\",\n },\n },\n normalButtons: {\n padding: \"5px 0px\",\n },\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflow: \"hidden\",\n padding: \"3px\",\n height: \"75px\",\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
@@ -1,146 +1,104 @@
1
1
  "use strict";
2
2
 
3
3
  require("core-js/modules/es.object.keys.js");
4
-
5
4
  require("core-js/modules/es.symbol.js");
6
-
7
5
  require("core-js/modules/es.array.filter.js");
8
-
9
6
  require("core-js/modules/es.object.to-string.js");
10
-
11
7
  require("core-js/modules/es.object.get-own-property-descriptor.js");
12
-
13
8
  require("core-js/modules/web.dom-collections.for-each.js");
14
-
15
9
  require("core-js/modules/es.object.get-own-property-descriptors.js");
16
-
17
10
  require("core-js/modules/es.array.iterator.js");
18
-
19
11
  require("core-js/modules/es.string.iterator.js");
20
-
21
12
  require("core-js/modules/es.weak-map.js");
22
-
23
13
  require("core-js/modules/web.dom-collections.iterator.js");
24
-
25
14
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
26
-
27
15
  var _typeof = require("@babel/runtime/helpers/typeof");
28
-
29
16
  Object.defineProperty(exports, "__esModule", {
30
17
  value: true
31
18
  });
32
19
  exports.default = void 0;
33
-
34
20
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
35
-
36
21
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
37
-
38
22
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
39
-
40
23
  var _react = _interopRequireWildcard(require("react"));
41
-
42
24
  var _propTypes = _interopRequireDefault(require("prop-types"));
43
-
44
25
  var _clsx = _interopRequireDefault(require("clsx"));
45
-
46
26
  var _styles = require("@mui/styles");
47
-
48
27
  var _uikitReactCore = require("@hitachivantara/uikit-react-core");
49
-
50
28
  var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
51
-
52
29
  var _styles2 = _interopRequireDefault(require("./styles"));
53
-
54
30
  var _jsxRuntime = require("react/jsx-runtime");
55
-
56
31
  var _excluded = ["className", "classes", "value", "defaultValue", "showIcon", "component", "variant", "placeholder", "onBlur", "onChange", "onKeyDown", "buttonProps", "typographyProps"];
57
-
58
32
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
59
-
60
33
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
61
-
62
34
  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; }
63
-
64
35
  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) { (0, _defineProperty2.default)(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; }
65
-
66
36
  /**
67
37
  * An Inline Editor allows the user to edit a record without making a major switch
68
38
  * between viewing and editing, making it an efficient method of updating a record.
69
39
  */
70
40
  var HvInlineEditor = function HvInlineEditor(props) {
71
41
  var className = props.className,
72
- classes = props.classes,
73
- valueProp = props.value,
74
- defaultValue = props.defaultValue,
75
- showIcon = props.showIcon,
76
- _props$component = props.component,
77
- InputComponent = _props$component === void 0 ? _uikitReactCore.HvInput : _props$component,
78
- _props$variant = props.variant,
79
- variant = _props$variant === void 0 ? "normalText" : _props$variant,
80
- _props$placeholder = props.placeholder,
81
- placeholder = _props$placeholder === void 0 ? "Enter text" : _props$placeholder,
82
- onBlur = props.onBlur,
83
- onChange = props.onChange,
84
- onKeyDown = props.onKeyDown,
85
- buttonProps = props.buttonProps,
86
- typographyProps = props.typographyProps,
87
- others = (0, _objectWithoutProperties2.default)(props, _excluded);
88
-
42
+ classes = props.classes,
43
+ valueProp = props.value,
44
+ defaultValue = props.defaultValue,
45
+ showIcon = props.showIcon,
46
+ _props$component = props.component,
47
+ InputComponent = _props$component === void 0 ? _uikitReactCore.HvInput : _props$component,
48
+ _props$variant = props.variant,
49
+ variant = _props$variant === void 0 ? "normalText" : _props$variant,
50
+ _props$placeholder = props.placeholder,
51
+ placeholder = _props$placeholder === void 0 ? "Enter text" : _props$placeholder,
52
+ onBlur = props.onBlur,
53
+ onChange = props.onChange,
54
+ onKeyDown = props.onKeyDown,
55
+ buttonProps = props.buttonProps,
56
+ typographyProps = props.typographyProps,
57
+ others = (0, _objectWithoutProperties2.default)(props, _excluded);
89
58
  var _useControlled = (0, _uikitReactCore.useControlled)(valueProp, defaultValue),
90
- _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
91
- value = _useControlled2[0],
92
- setValue = _useControlled2[1];
93
-
59
+ _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
60
+ value = _useControlled2[0],
61
+ setValue = _useControlled2[1];
94
62
  var _useState = (0, _react.useState)(false),
95
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
96
- editMode = _useState2[0],
97
- setEditMode = _useState2[1];
98
-
63
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
64
+ editMode = _useState2[0],
65
+ setEditMode = _useState2[1];
99
66
  var _useState3 = (0, _react.useState)(value),
100
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
101
- cachedValue = _useState4[0],
102
- setCachedValue = _useState4[1];
103
-
67
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
68
+ cachedValue = _useState4[0],
69
+ setCachedValue = _useState4[1];
104
70
  var inputRef = (0, _react.useRef)();
105
71
  var theme = (0, _styles.useTheme)();
106
72
  var typographyStyles = theme.hv.typography[variant] || {};
107
73
  var lineHeight = typographyStyles.lineHeight;
108
74
  (0, _react.useLayoutEffect)(function () {
109
75
  var input = inputRef.current;
110
-
111
76
  if (editMode && input) {
112
77
  input.focus();
113
78
  input.select();
114
79
  }
115
80
  }, [editMode]);
116
-
117
81
  var handleClick = function handleClick() {
118
82
  setEditMode(true);
119
83
  setCachedValue(value);
120
84
  };
121
-
122
85
  var handleBlur = function handleBlur(event) {
123
86
  setEditMode(false);
124
87
  var newValue = value || cachedValue; // empty values should be ignored
125
-
126
88
  setValue(newValue);
127
89
  onBlur === null || onBlur === void 0 ? void 0 : onBlur(event, newValue);
128
90
  };
129
-
130
91
  var handleKeyDown = function handleKeyDown(event) {
131
92
  if ((0, _uikitReactCore.isKeypress)(event, _uikitReactCore.KeyboardCodes.Esc)) {
132
93
  setEditMode(false);
133
94
  setValue(cachedValue);
134
95
  }
135
-
136
96
  onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
137
97
  };
138
-
139
98
  var handleChange = function handleChange(event, val) {
140
99
  setValue(val);
141
100
  onChange === null || onChange === void 0 ? void 0 : onChange(event, val);
142
101
  };
143
-
144
102
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
145
103
  className: (0, _clsx.default)(className, classes.root),
146
104
  children: editMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(InputComponent, _objectSpread({
@@ -178,13 +136,11 @@ var HvInlineEditor = function HvInlineEditor(props) {
178
136
  }))
179
137
  });
180
138
  };
181
-
182
139
  process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
183
140
  /**
184
141
  * Class names to be applied.
185
142
  */
186
143
  className: _propTypes.default.string,
187
-
188
144
  /**
189
145
  * A Jss Object used to override or extend the component styles applied.
190
146
  */
@@ -200,66 +156,53 @@ process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
200
156
  iconVisible: _propTypes.default.string,
201
157
  largeText: _propTypes.default.string
202
158
  }).isRequired,
203
-
204
159
  /**
205
160
  * The value of the input element, for controlled usage.
206
161
  */
207
162
  value: _propTypes.default.string,
208
-
209
163
  /**
210
164
  * The default value of the input element, for uncontrolled usage.
211
165
  */
212
166
  defaultValue: _propTypes.default.string,
213
-
214
167
  /**
215
168
  * Whether the Edit icon should always be visible
216
169
  */
217
170
  showIcon: _propTypes.default.bool,
218
-
219
171
  /**
220
172
  * Component to use as the input. The component "inherit" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)
221
173
  */
222
174
  component: _propTypes.default.elementType,
223
-
224
175
  /**
225
176
  * Variant of the HvTypography to display
226
177
  */
227
178
  variant: _propTypes.default.string,
228
-
229
179
  /**
230
180
  * The placeholder value of the HvTypography.
231
181
  */
232
182
  placeholder: _propTypes.default.string,
233
-
234
183
  /**
235
184
  * Called when the input is blurred.
236
185
  */
237
186
  onBlur: _propTypes.default.func,
238
-
239
187
  /**
240
188
  * Called when the input value is changed.
241
189
  */
242
190
  onChange: _propTypes.default.func,
243
-
244
191
  /**
245
192
  * Called when a key is pressed on the input.
246
193
  */
247
194
  onKeyDown: _propTypes.default.func,
248
-
249
195
  /**
250
196
  * Props passed to the HvButton component
251
197
  */
252
198
  buttonProps: _propTypes.default.instanceOf(Object),
253
-
254
199
  /**
255
200
  * Props passed to the HvTypography text component
256
201
  */
257
202
  typographyProps: _propTypes.default.instanceOf(Object)
258
203
  } : void 0;
259
-
260
204
  var _default = (0, _styles.withStyles)(_styles2.default, {
261
205
  name: "HvInlineEditor"
262
206
  })(HvInlineEditor);
263
-
264
207
  exports.default = _default;
265
208
  //# sourceMappingURL=InlineEditor.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InlineEditor.js","names":["HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","useControlled","setValue","useState","editMode","setEditMode","cachedValue","setCachedValue","inputRef","useRef","theme","useTheme","typographyStyles","hv","typography","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKeypress","KeyboardCodes","Esc","handleChange","val","clsx","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","PropTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/InlineEditor/InlineEditor.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n HvButton,\n HvInput,\n HvTypography,\n isKeypress,\n KeyboardCodes,\n useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nconst HvInlineEditor = (props) => {\n const {\n className,\n classes,\n value: valueProp,\n defaultValue,\n showIcon,\n component: InputComponent = HvInput,\n variant = \"normalText\",\n placeholder = \"Enter text\",\n onBlur,\n onChange,\n onKeyDown,\n buttonProps,\n typographyProps,\n ...others\n } = props;\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [editMode, setEditMode] = useState(false);\n const [cachedValue, setCachedValue] = useState(value);\n const inputRef = useRef();\n const theme = useTheme();\n\n const typographyStyles = theme.hv.typography[variant] || {};\n const { lineHeight } = typographyStyles;\n\n useLayoutEffect(() => {\n const input = inputRef.current;\n if (editMode && input) {\n input.focus();\n input.select();\n }\n }, [editMode]);\n\n const handleClick = () => {\n setEditMode(true);\n setCachedValue(value);\n };\n\n const handleBlur = (event) => {\n setEditMode(false);\n\n const newValue = value || cachedValue; // empty values should be ignored\n setValue(newValue);\n onBlur?.(event, newValue);\n };\n\n const handleKeyDown = (event) => {\n if (isKeypress(event, KeyboardCodes.Esc)) {\n setEditMode(false);\n setValue(cachedValue);\n }\n onKeyDown?.(event);\n };\n\n const handleChange = (event, val) => {\n setValue(val);\n onChange?.(event, val);\n };\n\n return (\n <div className={clsx(className, classes.root)}>\n {editMode ? (\n <InputComponent\n inputRef={inputRef}\n classes={{\n root: classes.inputRoot,\n input: classes.input,\n inputBorderContainer: classes.inputBorderContainer,\n }}\n inputProps={{\n style: {\n ...typographyStyles,\n height: InputComponent === HvInput ? lineHeight : undefined,\n },\n }}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n {...others}\n />\n ) : (\n <HvButton\n category=\"ghost\"\n overrideIconColors={false}\n className={clsx(classes.button, {\n [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n })}\n onClick={handleClick}\n {...buttonProps}\n >\n <HvTypography\n variant={variant}\n className={clsx(classes.text, { [classes.textEmpty]: !value })}\n {...typographyProps}\n >\n {value || placeholder}\n </HvTypography>\n <Edit\n color=\"atmo5\"\n role=\"presentation\"\n className={clsx(classes.icon, {\n [classes.iconVisible]: showIcon,\n })}\n />\n </HvButton>\n )}\n </div>\n );\n};\n\nHvInlineEditor.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n input: PropTypes.string,\n inputRoot: PropTypes.string,\n inputBorderContainer: PropTypes.string,\n text: PropTypes.string,\n textEmpty: PropTypes.string,\n button: PropTypes.string,\n icon: PropTypes.string,\n iconVisible: PropTypes.string,\n largeText: PropTypes.string,\n }).isRequired,\n /**\n * The value of the input element, for controlled usage.\n */\n value: PropTypes.string,\n /**\n * The default value of the input element, for uncontrolled usage.\n */\n defaultValue: PropTypes.string,\n /**\n * Whether the Edit icon should always be visible\n */\n showIcon: PropTypes.bool,\n /**\n * Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n */\n component: PropTypes.elementType,\n /**\n * Variant of the HvTypography to display\n */\n variant: PropTypes.string,\n /**\n * The placeholder value of the HvTypography.\n */\n placeholder: PropTypes.string,\n /**\n * Called when the input is blurred.\n */\n onBlur: PropTypes.func,\n /**\n * Called when the input value is changed.\n */\n onChange: PropTypes.func,\n /**\n * Called when a key is pressed on the input.\n */\n onKeyDown: PropTypes.func,\n /**\n * Props passed to the HvButton component\n */\n buttonProps: PropTypes.instanceOf(Object),\n /**\n * Props passed to the HvTypography text component\n */\n typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"mappings":"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"}
1
+ {"version":3,"file":"InlineEditor.js","names":["HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","useControlled","setValue","useState","editMode","setEditMode","cachedValue","setCachedValue","inputRef","useRef","theme","useTheme","typographyStyles","hv","typography","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKeypress","KeyboardCodes","Esc","handleChange","val","clsx","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","PropTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/InlineEditor/InlineEditor.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n HvButton,\n HvInput,\n HvTypography,\n isKeypress,\n KeyboardCodes,\n useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nconst HvInlineEditor = (props) => {\n const {\n className,\n classes,\n value: valueProp,\n defaultValue,\n showIcon,\n component: InputComponent = HvInput,\n variant = \"normalText\",\n placeholder = \"Enter text\",\n onBlur,\n onChange,\n onKeyDown,\n buttonProps,\n typographyProps,\n ...others\n } = props;\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [editMode, setEditMode] = useState(false);\n const [cachedValue, setCachedValue] = useState(value);\n const inputRef = useRef();\n const theme = useTheme();\n\n const typographyStyles = theme.hv.typography[variant] || {};\n const { lineHeight } = typographyStyles;\n\n useLayoutEffect(() => {\n const input = inputRef.current;\n if (editMode && input) {\n input.focus();\n input.select();\n }\n }, [editMode]);\n\n const handleClick = () => {\n setEditMode(true);\n setCachedValue(value);\n };\n\n const handleBlur = (event) => {\n setEditMode(false);\n\n const newValue = value || cachedValue; // empty values should be ignored\n setValue(newValue);\n onBlur?.(event, newValue);\n };\n\n const handleKeyDown = (event) => {\n if (isKeypress(event, KeyboardCodes.Esc)) {\n setEditMode(false);\n setValue(cachedValue);\n }\n onKeyDown?.(event);\n };\n\n const handleChange = (event, val) => {\n setValue(val);\n onChange?.(event, val);\n };\n\n return (\n <div className={clsx(className, classes.root)}>\n {editMode ? (\n <InputComponent\n inputRef={inputRef}\n classes={{\n root: classes.inputRoot,\n input: classes.input,\n inputBorderContainer: classes.inputBorderContainer,\n }}\n inputProps={{\n style: {\n ...typographyStyles,\n height: InputComponent === HvInput ? lineHeight : undefined,\n },\n }}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n {...others}\n />\n ) : (\n <HvButton\n category=\"ghost\"\n overrideIconColors={false}\n className={clsx(classes.button, {\n [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n })}\n onClick={handleClick}\n {...buttonProps}\n >\n <HvTypography\n variant={variant}\n className={clsx(classes.text, { [classes.textEmpty]: !value })}\n {...typographyProps}\n >\n {value || placeholder}\n </HvTypography>\n <Edit\n color=\"atmo5\"\n role=\"presentation\"\n className={clsx(classes.icon, {\n [classes.iconVisible]: showIcon,\n })}\n />\n </HvButton>\n )}\n </div>\n );\n};\n\nHvInlineEditor.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n input: PropTypes.string,\n inputRoot: PropTypes.string,\n inputBorderContainer: PropTypes.string,\n text: PropTypes.string,\n textEmpty: PropTypes.string,\n button: PropTypes.string,\n icon: PropTypes.string,\n iconVisible: PropTypes.string,\n largeText: PropTypes.string,\n }).isRequired,\n /**\n * The value of the input element, for controlled usage.\n */\n value: PropTypes.string,\n /**\n * The default value of the input element, for uncontrolled usage.\n */\n defaultValue: PropTypes.string,\n /**\n * Whether the Edit icon should always be visible\n */\n showIcon: PropTypes.bool,\n /**\n * Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n */\n component: PropTypes.elementType,\n /**\n * Variant of the HvTypography to display\n */\n variant: PropTypes.string,\n /**\n * The placeholder value of the HvTypography.\n */\n placeholder: PropTypes.string,\n /**\n * Called when the input is blurred.\n */\n onBlur: PropTypes.func,\n /**\n * Called when the input value is changed.\n */\n onChange: PropTypes.func,\n /**\n * Called when a key is pressed on the input.\n */\n onKeyDown: PropTypes.func,\n /**\n * Props passed to the HvButton component\n */\n buttonProps: PropTypes.instanceOf(Object),\n /**\n * Props passed to the HvTypography text component\n */\n typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"mappings":"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"}
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
11
10
  return _InlineEditor.default;
12
11
  }
13
12
  });
14
-
15
13
  var _InlineEditor = _interopRequireDefault(require("./InlineEditor"));
16
14
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/InlineEditor/index.js"],"sourcesContent":["export { default } from \"./InlineEditor\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/InlineEditor/index.js"],"sourcesContent":["export { default } from \"./InlineEditor\";\n"],"mappings":";;;;;;;;;;;;AAAA"}