@hitachivantara/uikit-react-lab 3.38.0 → 3.39.0

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 (375) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/LICENSE.txt +201 -0
  3. package/dist/AppSwitcherPanel/Action/Action.js +2 -2
  4. package/dist/AppSwitcherPanel/Action/Action.js.map +1 -1
  5. package/dist/AppSwitcherPanel/AppSwitcherPanel.js +2 -2
  6. package/dist/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -1
  7. package/dist/AppSwitcherPanel/TitleWithTooltip.js +2 -2
  8. package/dist/AppSwitcherPanel/TitleWithTooltip.js.map +1 -1
  9. package/dist/ColorPicker/ColorPicker.js +2 -2
  10. package/dist/ColorPicker/ColorPicker.js.map +1 -1
  11. package/dist/ColorPicker/Fields/Fields.js +2 -2
  12. package/dist/ColorPicker/Fields/Fields.js.map +1 -1
  13. package/dist/ColorPicker/PresetColors/PresetColors.js +2 -2
  14. package/dist/ColorPicker/PresetColors/PresetColors.js.map +1 -1
  15. package/dist/Drawer/Drawer.js +8 -6
  16. package/dist/Drawer/Drawer.js.map +1 -1
  17. package/dist/FormComposer/FormComposer.js +2 -2
  18. package/dist/FormComposer/FormComposer.js.map +1 -1
  19. package/dist/InlineEditor/InlineEditor.js +2 -2
  20. package/dist/InlineEditor/InlineEditor.js.map +1 -1
  21. package/dist/NavigationAnchors/NavigationAnchors.js +2 -2
  22. package/dist/NavigationAnchors/NavigationAnchors.js.map +1 -1
  23. package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +5 -3
  24. package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
  25. package/dist/NotificationPanel/Notification/Notification.js +2 -2
  26. package/dist/NotificationPanel/Notification/Notification.js.map +1 -1
  27. package/dist/NotificationPanel/NotificationPanel.js +2 -2
  28. package/dist/NotificationPanel/NotificationPanel.js.map +1 -1
  29. package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +2 -2
  30. package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
  31. package/dist/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js +2 -2
  32. package/dist/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
  33. package/dist/QueryBuilder/QueryBuilder.js +2 -2
  34. package/dist/QueryBuilder/QueryBuilder.js.map +1 -1
  35. package/dist/QueryBuilder/Rule/Attribute/Attribute.js +2 -2
  36. package/dist/QueryBuilder/Rule/Attribute/Attribute.js.map +1 -1
  37. package/dist/QueryBuilder/Rule/Operator/Operator.js +2 -2
  38. package/dist/QueryBuilder/Rule/Operator/Operator.js.map +1 -1
  39. package/dist/QueryBuilder/Rule/Rule.js +5 -3
  40. package/dist/QueryBuilder/Rule/Rule.js.map +1 -1
  41. package/dist/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js +2 -2
  42. package/dist/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map +1 -1
  43. package/dist/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js +2 -2
  44. package/dist/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map +1 -1
  45. package/dist/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +2 -2
  46. package/dist/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
  47. package/dist/QueryBuilder/Rule/Value/TextValue/TextValue.js +2 -2
  48. package/dist/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
  49. package/dist/QueryBuilder/Rule/Value/Value.js +2 -2
  50. package/dist/QueryBuilder/Rule/Value/Value.js.map +1 -1
  51. package/dist/QueryBuilder/RuleGroup/RuleGroup.js +10 -8
  52. package/dist/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
  53. package/dist/Slider/KnobRing/KnobRing.js +2 -2
  54. package/dist/Slider/KnobRing/KnobRing.js.map +1 -1
  55. package/dist/Slider/Slider.js +2 -2
  56. package/dist/Slider/Slider.js.map +1 -1
  57. package/dist/Table/Table.js +2 -2
  58. package/dist/Table/Table.js.map +1 -1
  59. package/dist/Table/TableBody/TableBody.js +2 -2
  60. package/dist/Table/TableBody/TableBody.js.map +1 -1
  61. package/dist/Table/TableCell/TableCell.js +2 -2
  62. package/dist/Table/TableCell/TableCell.js.map +1 -1
  63. package/dist/Table/TableContainer/TableContainer.js +2 -2
  64. package/dist/Table/TableContainer/TableContainer.js.map +1 -1
  65. package/dist/Table/TableHead/TableHead.js +2 -2
  66. package/dist/Table/TableHead/TableHead.js.map +1 -1
  67. package/dist/Table/TableHeader/TableHeader.js +2 -2
  68. package/dist/Table/TableHeader/TableHeader.js.map +1 -1
  69. package/dist/Table/TableRow/TableRow.js +2 -2
  70. package/dist/Table/TableRow/TableRow.js.map +1 -1
  71. package/dist/Table/hooks/useRowExpand.js +5 -4
  72. package/dist/Table/hooks/useRowExpand.js.map +1 -1
  73. package/dist/Table/index.d.ts +2 -0
  74. package/dist/Table/index.js +28 -0
  75. package/dist/Table/index.js.map +1 -1
  76. package/dist/Table/renderers/DateColumnCell/DateColumnCell.d.ts +12 -0
  77. package/dist/Table/renderers/DateColumnCell/DateColumnCell.js +61 -0
  78. package/dist/Table/renderers/DateColumnCell/DateColumnCell.js.map +1 -0
  79. package/dist/Table/renderers/DateColumnCell/index.js +16 -0
  80. package/dist/Table/renderers/DateColumnCell/index.js.map +1 -0
  81. package/dist/Table/renderers/DateColumnCell/index.ts +1 -0
  82. package/dist/Table/renderers/DropdownColumnCell/DropdownColumnCell.d.ts +24 -0
  83. package/dist/Table/renderers/DropdownColumnCell/DropdownColumnCell.js +75 -0
  84. package/dist/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map +1 -0
  85. package/dist/Table/renderers/DropdownColumnCell/index.d.ts +1 -0
  86. package/dist/Table/renderers/DropdownColumnCell/index.js +16 -0
  87. package/dist/Table/renderers/DropdownColumnCell/index.js.map +1 -0
  88. package/dist/Table/renderers/ProgressColumnCell/ProgressColumnCell.d.ts +16 -0
  89. package/dist/Table/renderers/ProgressColumnCell/ProgressColumnCell.js +66 -0
  90. package/dist/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map +1 -0
  91. package/dist/Table/renderers/ProgressColumnCell/index.js +49 -0
  92. package/dist/Table/renderers/ProgressColumnCell/index.js.map +1 -0
  93. package/dist/Table/renderers/ProgressColumnCell/index.ts +2 -0
  94. package/dist/Table/renderers/ProgressColumnCell/styles.js +36 -0
  95. package/dist/Table/renderers/ProgressColumnCell/styles.js.map +1 -0
  96. package/dist/Table/renderers/SwitchColumnCell/SwitchColumnCell.d.ts +29 -0
  97. package/dist/Table/renderers/SwitchColumnCell/SwitchColumnCell.js +83 -0
  98. package/dist/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map +1 -0
  99. package/dist/Table/renderers/SwitchColumnCell/index.js +16 -0
  100. package/dist/Table/renderers/SwitchColumnCell/index.js.map +1 -0
  101. package/dist/Table/renderers/SwitchColumnCell/index.ts +1 -0
  102. package/dist/Table/renderers/SwitchColumnCell/styles.js +26 -0
  103. package/dist/Table/renderers/SwitchColumnCell/styles.js.map +1 -0
  104. package/dist/Table/renderers/index.d.ts +14 -0
  105. package/dist/Table/renderers/index.js +80 -0
  106. package/dist/Table/renderers/index.js.map +1 -0
  107. package/dist/Table/renderers/renderers.d.ts +53 -0
  108. package/dist/Table/renderers/renderers.js +238 -0
  109. package/dist/Table/renderers/renderers.js.map +1 -0
  110. package/dist/Table/stories/TableColumnRenderers.stories.mdx +193 -0
  111. package/dist/Table/utils/fallbacks.d.ts +6 -0
  112. package/dist/Table/utils/fallbacks.js +32 -0
  113. package/dist/Table/utils/fallbacks.js.map +1 -0
  114. package/dist/Table/utils/index.d.ts +3 -0
  115. package/dist/Table/utils/index.js +26 -0
  116. package/dist/Table/utils/index.js.map +1 -0
  117. package/dist/Tag/Tag.js +2 -2
  118. package/dist/Tag/Tag.js.map +1 -1
  119. package/dist/TimeAgo/TimeAgo.js +2 -2
  120. package/dist/TimeAgo/TimeAgo.js.map +1 -1
  121. package/dist/TimePicker/PeriodPicker/PeriodPicker.js +2 -2
  122. package/dist/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -1
  123. package/dist/TimePicker/TimePicker.js +2 -2
  124. package/dist/TimePicker/TimePicker.js.map +1 -1
  125. package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js +2 -2
  126. package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -1
  127. package/dist/legacy/AppSwitcherPanel/Action/Action.js +2 -2
  128. package/dist/legacy/AppSwitcherPanel/Action/Action.js.map +1 -1
  129. package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js +2 -2
  130. package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -1
  131. package/dist/legacy/AppSwitcherPanel/TitleWithTooltip.js +2 -2
  132. package/dist/legacy/AppSwitcherPanel/TitleWithTooltip.js.map +1 -1
  133. package/dist/legacy/ColorPicker/ColorPicker.js +2 -2
  134. package/dist/legacy/ColorPicker/ColorPicker.js.map +1 -1
  135. package/dist/legacy/ColorPicker/Fields/Fields.js +2 -2
  136. package/dist/legacy/ColorPicker/Fields/Fields.js.map +1 -1
  137. package/dist/legacy/ColorPicker/PresetColors/PresetColors.js +2 -2
  138. package/dist/legacy/ColorPicker/PresetColors/PresetColors.js.map +1 -1
  139. package/dist/legacy/Drawer/Drawer.js +7 -4
  140. package/dist/legacy/Drawer/Drawer.js.map +1 -1
  141. package/dist/legacy/FormComposer/FormComposer.js +2 -2
  142. package/dist/legacy/FormComposer/FormComposer.js.map +1 -1
  143. package/dist/legacy/InlineEditor/InlineEditor.js +2 -2
  144. package/dist/legacy/InlineEditor/InlineEditor.js.map +1 -1
  145. package/dist/legacy/NavigationAnchors/NavigationAnchors.js +2 -2
  146. package/dist/legacy/NavigationAnchors/NavigationAnchors.js.map +1 -1
  147. package/dist/legacy/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +5 -3
  148. package/dist/legacy/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
  149. package/dist/legacy/NotificationPanel/Notification/Notification.js +2 -2
  150. package/dist/legacy/NotificationPanel/Notification/Notification.js.map +1 -1
  151. package/dist/legacy/NotificationPanel/NotificationPanel.js +2 -2
  152. package/dist/legacy/NotificationPanel/NotificationPanel.js.map +1 -1
  153. package/dist/legacy/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +2 -2
  154. package/dist/legacy/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
  155. package/dist/legacy/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js +2 -2
  156. package/dist/legacy/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
  157. package/dist/legacy/QueryBuilder/QueryBuilder.js +2 -2
  158. package/dist/legacy/QueryBuilder/QueryBuilder.js.map +1 -1
  159. package/dist/legacy/QueryBuilder/Rule/Attribute/Attribute.js +2 -2
  160. package/dist/legacy/QueryBuilder/Rule/Attribute/Attribute.js.map +1 -1
  161. package/dist/legacy/QueryBuilder/Rule/Operator/Operator.js +2 -2
  162. package/dist/legacy/QueryBuilder/Rule/Operator/Operator.js.map +1 -1
  163. package/dist/legacy/QueryBuilder/Rule/Rule.js +5 -3
  164. package/dist/legacy/QueryBuilder/Rule/Rule.js.map +1 -1
  165. package/dist/legacy/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js +2 -2
  166. package/dist/legacy/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map +1 -1
  167. package/dist/legacy/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js +2 -2
  168. package/dist/legacy/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map +1 -1
  169. package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +2 -2
  170. package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
  171. package/dist/legacy/QueryBuilder/Rule/Value/TextValue/TextValue.js +2 -2
  172. package/dist/legacy/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
  173. package/dist/legacy/QueryBuilder/Rule/Value/Value.js +2 -2
  174. package/dist/legacy/QueryBuilder/Rule/Value/Value.js.map +1 -1
  175. package/dist/legacy/QueryBuilder/RuleGroup/RuleGroup.js +9 -6
  176. package/dist/legacy/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
  177. package/dist/legacy/Slider/KnobRing/KnobRing.js +2 -2
  178. package/dist/legacy/Slider/KnobRing/KnobRing.js.map +1 -1
  179. package/dist/legacy/Slider/Slider.js +2 -2
  180. package/dist/legacy/Slider/Slider.js.map +1 -1
  181. package/dist/legacy/Table/Table.js +2 -2
  182. package/dist/legacy/Table/Table.js.map +1 -1
  183. package/dist/legacy/Table/TableBody/TableBody.js +2 -2
  184. package/dist/legacy/Table/TableBody/TableBody.js.map +1 -1
  185. package/dist/legacy/Table/TableCell/TableCell.js +2 -2
  186. package/dist/legacy/Table/TableCell/TableCell.js.map +1 -1
  187. package/dist/legacy/Table/TableContainer/TableContainer.js +2 -2
  188. package/dist/legacy/Table/TableContainer/TableContainer.js.map +1 -1
  189. package/dist/legacy/Table/TableHead/TableHead.js +2 -2
  190. package/dist/legacy/Table/TableHead/TableHead.js.map +1 -1
  191. package/dist/legacy/Table/TableHeader/TableHeader.js +2 -2
  192. package/dist/legacy/Table/TableHeader/TableHeader.js.map +1 -1
  193. package/dist/legacy/Table/TableRow/TableRow.js +2 -2
  194. package/dist/legacy/Table/TableRow/TableRow.js.map +1 -1
  195. package/dist/legacy/Table/hooks/useRowExpand.js +4 -1
  196. package/dist/legacy/Table/hooks/useRowExpand.js.map +1 -1
  197. package/dist/legacy/Table/index.d.ts +2 -0
  198. package/dist/legacy/Table/index.js +2 -0
  199. package/dist/legacy/Table/index.js.map +1 -1
  200. package/dist/legacy/Table/renderers/DateColumnCell/DateColumnCell.d.ts +12 -0
  201. package/dist/legacy/Table/renderers/DateColumnCell/DateColumnCell.js +30 -0
  202. package/dist/legacy/Table/renderers/DateColumnCell/DateColumnCell.js.map +1 -0
  203. package/dist/legacy/Table/renderers/DateColumnCell/index.js +2 -0
  204. package/dist/legacy/Table/renderers/DateColumnCell/index.js.map +1 -0
  205. package/dist/legacy/Table/renderers/DateColumnCell/index.ts +1 -0
  206. package/dist/legacy/Table/renderers/DropdownColumnCell/DropdownColumnCell.d.ts +24 -0
  207. package/dist/legacy/Table/renderers/DropdownColumnCell/DropdownColumnCell.js +59 -0
  208. package/dist/legacy/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map +1 -0
  209. package/dist/legacy/Table/renderers/DropdownColumnCell/index.d.ts +1 -0
  210. package/dist/legacy/Table/renderers/DropdownColumnCell/index.js +2 -0
  211. package/dist/legacy/Table/renderers/DropdownColumnCell/index.js.map +1 -0
  212. package/dist/legacy/Table/renderers/ProgressColumnCell/ProgressColumnCell.d.ts +16 -0
  213. package/dist/legacy/Table/renderers/ProgressColumnCell/ProgressColumnCell.js +50 -0
  214. package/dist/legacy/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map +1 -0
  215. package/dist/legacy/Table/renderers/ProgressColumnCell/index.js +3 -0
  216. package/dist/legacy/Table/renderers/ProgressColumnCell/index.js.map +1 -0
  217. package/dist/legacy/Table/renderers/ProgressColumnCell/index.ts +2 -0
  218. package/dist/legacy/Table/renderers/ProgressColumnCell/styles.js +27 -0
  219. package/dist/legacy/Table/renderers/ProgressColumnCell/styles.js.map +1 -0
  220. package/dist/legacy/Table/renderers/SwitchColumnCell/SwitchColumnCell.d.ts +29 -0
  221. package/dist/legacy/Table/renderers/SwitchColumnCell/SwitchColumnCell.js +68 -0
  222. package/dist/legacy/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map +1 -0
  223. package/dist/legacy/Table/renderers/SwitchColumnCell/index.js +2 -0
  224. package/dist/legacy/Table/renderers/SwitchColumnCell/index.js.map +1 -0
  225. package/dist/legacy/Table/renderers/SwitchColumnCell/index.ts +1 -0
  226. package/dist/legacy/Table/renderers/SwitchColumnCell/styles.js +17 -0
  227. package/dist/legacy/Table/renderers/SwitchColumnCell/styles.js.map +1 -0
  228. package/dist/legacy/Table/renderers/index.d.ts +14 -0
  229. package/dist/legacy/Table/renderers/index.js +5 -0
  230. package/dist/legacy/Table/renderers/index.js.map +1 -0
  231. package/dist/legacy/Table/renderers/renderers.d.ts +53 -0
  232. package/dist/legacy/Table/renderers/renderers.js +193 -0
  233. package/dist/legacy/Table/renderers/renderers.js.map +1 -0
  234. package/dist/legacy/Table/stories/TableColumnRenderers.stories.mdx +193 -0
  235. package/dist/legacy/Table/utils/fallbacks.d.ts +6 -0
  236. package/dist/legacy/Table/utils/fallbacks.js +14 -0
  237. package/dist/legacy/Table/utils/fallbacks.js.map +1 -0
  238. package/dist/legacy/Table/utils/index.d.ts +3 -0
  239. package/dist/legacy/Table/utils/index.js +2 -0
  240. package/dist/legacy/Table/utils/index.js.map +1 -0
  241. package/dist/legacy/Tag/Tag.js +2 -2
  242. package/dist/legacy/Tag/Tag.js.map +1 -1
  243. package/dist/legacy/TimeAgo/TimeAgo.js +2 -2
  244. package/dist/legacy/TimeAgo/TimeAgo.js.map +1 -1
  245. package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js +2 -2
  246. package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -1
  247. package/dist/legacy/TimePicker/TimePicker.js +2 -2
  248. package/dist/legacy/TimePicker/TimePicker.js.map +1 -1
  249. package/dist/legacy/TimePicker/UnitTimePicker/UnitTimePicker.js +2 -2
  250. package/dist/legacy/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -1
  251. package/dist/modern/AppSwitcherPanel/Action/Action.js +2 -2
  252. package/dist/modern/AppSwitcherPanel/Action/Action.js.map +1 -1
  253. package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js +2 -2
  254. package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -1
  255. package/dist/modern/AppSwitcherPanel/TitleWithTooltip.js +2 -2
  256. package/dist/modern/AppSwitcherPanel/TitleWithTooltip.js.map +1 -1
  257. package/dist/modern/ColorPicker/ColorPicker.js +2 -2
  258. package/dist/modern/ColorPicker/ColorPicker.js.map +1 -1
  259. package/dist/modern/ColorPicker/Fields/Fields.js +2 -2
  260. package/dist/modern/ColorPicker/Fields/Fields.js.map +1 -1
  261. package/dist/modern/ColorPicker/PresetColors/PresetColors.js +2 -2
  262. package/dist/modern/ColorPicker/PresetColors/PresetColors.js.map +1 -1
  263. package/dist/modern/Drawer/Drawer.js +7 -4
  264. package/dist/modern/Drawer/Drawer.js.map +1 -1
  265. package/dist/modern/FormComposer/FormComposer.js +2 -2
  266. package/dist/modern/FormComposer/FormComposer.js.map +1 -1
  267. package/dist/modern/InlineEditor/InlineEditor.js +2 -2
  268. package/dist/modern/InlineEditor/InlineEditor.js.map +1 -1
  269. package/dist/modern/NavigationAnchors/NavigationAnchors.js +2 -2
  270. package/dist/modern/NavigationAnchors/NavigationAnchors.js.map +1 -1
  271. package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +5 -3
  272. package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
  273. package/dist/modern/NotificationPanel/Notification/Notification.js +2 -2
  274. package/dist/modern/NotificationPanel/Notification/Notification.js.map +1 -1
  275. package/dist/modern/NotificationPanel/NotificationPanel.js +2 -2
  276. package/dist/modern/NotificationPanel/NotificationPanel.js.map +1 -1
  277. package/dist/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +2 -2
  278. package/dist/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
  279. package/dist/modern/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js +2 -2
  280. package/dist/modern/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
  281. package/dist/modern/QueryBuilder/QueryBuilder.js +2 -2
  282. package/dist/modern/QueryBuilder/QueryBuilder.js.map +1 -1
  283. package/dist/modern/QueryBuilder/Rule/Attribute/Attribute.js +2 -2
  284. package/dist/modern/QueryBuilder/Rule/Attribute/Attribute.js.map +1 -1
  285. package/dist/modern/QueryBuilder/Rule/Operator/Operator.js +2 -2
  286. package/dist/modern/QueryBuilder/Rule/Operator/Operator.js.map +1 -1
  287. package/dist/modern/QueryBuilder/Rule/Rule.js +5 -3
  288. package/dist/modern/QueryBuilder/Rule/Rule.js.map +1 -1
  289. package/dist/modern/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js +2 -2
  290. package/dist/modern/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map +1 -1
  291. package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js +2 -2
  292. package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map +1 -1
  293. package/dist/modern/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +2 -2
  294. package/dist/modern/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
  295. package/dist/modern/QueryBuilder/Rule/Value/TextValue/TextValue.js +2 -2
  296. package/dist/modern/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
  297. package/dist/modern/QueryBuilder/Rule/Value/Value.js +2 -2
  298. package/dist/modern/QueryBuilder/Rule/Value/Value.js.map +1 -1
  299. package/dist/modern/QueryBuilder/RuleGroup/RuleGroup.js +9 -6
  300. package/dist/modern/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
  301. package/dist/modern/Slider/KnobRing/KnobRing.js +2 -2
  302. package/dist/modern/Slider/KnobRing/KnobRing.js.map +1 -1
  303. package/dist/modern/Slider/Slider.js +2 -2
  304. package/dist/modern/Slider/Slider.js.map +1 -1
  305. package/dist/modern/Table/Table.js +2 -2
  306. package/dist/modern/Table/Table.js.map +1 -1
  307. package/dist/modern/Table/TableBody/TableBody.js +2 -2
  308. package/dist/modern/Table/TableBody/TableBody.js.map +1 -1
  309. package/dist/modern/Table/TableCell/TableCell.js +2 -2
  310. package/dist/modern/Table/TableCell/TableCell.js.map +1 -1
  311. package/dist/modern/Table/TableContainer/TableContainer.js +2 -2
  312. package/dist/modern/Table/TableContainer/TableContainer.js.map +1 -1
  313. package/dist/modern/Table/TableHead/TableHead.js +2 -2
  314. package/dist/modern/Table/TableHead/TableHead.js.map +1 -1
  315. package/dist/modern/Table/TableHeader/TableHeader.js +2 -2
  316. package/dist/modern/Table/TableHeader/TableHeader.js.map +1 -1
  317. package/dist/modern/Table/TableRow/TableRow.js +2 -2
  318. package/dist/modern/Table/TableRow/TableRow.js.map +1 -1
  319. package/dist/modern/Table/hooks/useRowExpand.js +3 -1
  320. package/dist/modern/Table/hooks/useRowExpand.js.map +1 -1
  321. package/dist/modern/Table/index.d.ts +2 -0
  322. package/dist/modern/Table/index.js +2 -0
  323. package/dist/modern/Table/index.js.map +1 -1
  324. package/dist/modern/Table/renderers/DateColumnCell/DateColumnCell.d.ts +12 -0
  325. package/dist/modern/Table/renderers/DateColumnCell/DateColumnCell.js +31 -0
  326. package/dist/modern/Table/renderers/DateColumnCell/DateColumnCell.js.map +1 -0
  327. package/dist/modern/Table/renderers/DateColumnCell/index.js +2 -0
  328. package/dist/modern/Table/renderers/DateColumnCell/index.js.map +1 -0
  329. package/dist/modern/Table/renderers/DateColumnCell/index.ts +1 -0
  330. package/dist/modern/Table/renderers/DropdownColumnCell/DropdownColumnCell.d.ts +24 -0
  331. package/dist/modern/Table/renderers/DropdownColumnCell/DropdownColumnCell.js +58 -0
  332. package/dist/modern/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map +1 -0
  333. package/dist/modern/Table/renderers/DropdownColumnCell/index.d.ts +1 -0
  334. package/dist/modern/Table/renderers/DropdownColumnCell/index.js +2 -0
  335. package/dist/modern/Table/renderers/DropdownColumnCell/index.js.map +1 -0
  336. package/dist/modern/Table/renderers/ProgressColumnCell/ProgressColumnCell.d.ts +16 -0
  337. package/dist/modern/Table/renderers/ProgressColumnCell/ProgressColumnCell.js +50 -0
  338. package/dist/modern/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map +1 -0
  339. package/dist/modern/Table/renderers/ProgressColumnCell/index.js +3 -0
  340. package/dist/modern/Table/renderers/ProgressColumnCell/index.js.map +1 -0
  341. package/dist/modern/Table/renderers/ProgressColumnCell/index.ts +2 -0
  342. package/dist/modern/Table/renderers/ProgressColumnCell/styles.js +25 -0
  343. package/dist/modern/Table/renderers/ProgressColumnCell/styles.js.map +1 -0
  344. package/dist/modern/Table/renderers/SwitchColumnCell/SwitchColumnCell.d.ts +29 -0
  345. package/dist/modern/Table/renderers/SwitchColumnCell/SwitchColumnCell.js +69 -0
  346. package/dist/modern/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map +1 -0
  347. package/dist/modern/Table/renderers/SwitchColumnCell/index.js +2 -0
  348. package/dist/modern/Table/renderers/SwitchColumnCell/index.js.map +1 -0
  349. package/dist/modern/Table/renderers/SwitchColumnCell/index.ts +1 -0
  350. package/dist/modern/Table/renderers/SwitchColumnCell/styles.js +15 -0
  351. package/dist/modern/Table/renderers/SwitchColumnCell/styles.js.map +1 -0
  352. package/dist/modern/Table/renderers/index.d.ts +14 -0
  353. package/dist/modern/Table/renderers/index.js +5 -0
  354. package/dist/modern/Table/renderers/index.js.map +1 -0
  355. package/dist/modern/Table/renderers/renderers.d.ts +53 -0
  356. package/dist/modern/Table/renderers/renderers.js +186 -0
  357. package/dist/modern/Table/renderers/renderers.js.map +1 -0
  358. package/dist/modern/Table/stories/TableColumnRenderers.stories.mdx +193 -0
  359. package/dist/modern/Table/utils/fallbacks.d.ts +6 -0
  360. package/dist/modern/Table/utils/fallbacks.js +12 -0
  361. package/dist/modern/Table/utils/fallbacks.js.map +1 -0
  362. package/dist/modern/Table/utils/index.d.ts +3 -0
  363. package/dist/modern/Table/utils/index.js +2 -0
  364. package/dist/modern/Table/utils/index.js.map +1 -0
  365. package/dist/modern/Tag/Tag.js +2 -2
  366. package/dist/modern/Tag/Tag.js.map +1 -1
  367. package/dist/modern/TimeAgo/TimeAgo.js +2 -2
  368. package/dist/modern/TimeAgo/TimeAgo.js.map +1 -1
  369. package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js +2 -2
  370. package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -1
  371. package/dist/modern/TimePicker/TimePicker.js +2 -2
  372. package/dist/modern/TimePicker/TimePicker.js.map +1 -1
  373. package/dist/modern/TimePicker/UnitTimePicker/UnitTimePicker.js +2 -2
  374. package/dist/modern/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -1
  375. package/package.json +5 -5
@@ -143,12 +143,12 @@ export var Fields = function Fields(_ref) {
143
143
  disableClear: true
144
144
  }));
145
145
  };
146
- Fields.propTypes = {
146
+ process.env.NODE_ENV !== "production" ? Fields.propTypes = {
147
147
  rgb: PropTypes.shape({
148
148
  r: PropTypes.number,
149
149
  g: PropTypes.number,
150
150
  b: PropTypes.number
151
151
  }).isRequired
152
- };
152
+ } : void 0;
153
153
  export default Fields;
154
154
  //# sourceMappingURL=Fields.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"mappings":";;;;AAAA;AAEA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAO,KAAKC,KAAZ,MAAuB,+BAAvB;AAEA,SAASC,OAAT,QAAwB,kCAAxB;AAEA,OAAOC,SAAP,MAAsB,UAAtB,C,CAEA;;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAS,OAA4B;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAfC,GAAe,QAAfA,GAAe;AAAA,MAAVC,GAAU,QAAVA,GAAU;AAChD,MAAMC,OAAO,GAAGL,SAAS,EAAzB;;AACA,kBAAsCL,QAAQ,CAACS,GAAD,CAA9C;AAAA;AAAA,MAAOE,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAAsCZ,QAAQ,CAACQ,GAAG,CAACK,CAAL,CAA9C;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAA0Cf,QAAQ,CAACQ,GAAG,CAACQ,CAAL,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAwClB,QAAQ,CAACQ,GAAG,CAACW,CAAL,CAAhD;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;;AAEA,MAAMC,WAAW,GAAGvB,MAAM,EAA1B;AACA,MAAMwB,WAAW,GAAGxB,MAAM,EAA1B;AACA,MAAMyB,aAAa,GAAGzB,MAAM,EAA5B;AACA,MAAM0B,YAAY,GAAG1B,MAAM,EAA3B;AAEAD,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI4B,QAAQ,CAACC,aAAT,KAA2BL,WAAW,CAACM,OAA3C,EAAoD;AAClDhB,MAAAA,cAAc,CAACH,GAAD,CAAd;AACD;AACF,GAJQ,EAIN,CAACA,GAAD,CAJM,CAAT;AAMAX,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI4B,QAAQ,CAACC,aAAT,KAA2BJ,WAAW,CAACK,OAA3C,EAAoD;AAClDb,MAAAA,cAAc,CAACP,GAAG,CAACK,CAAL,CAAd;AACD;;AAED,QAAIa,QAAQ,CAACC,aAAT,KAA2BH,aAAa,CAACI,OAA7C,EAAsD;AACpDV,MAAAA,gBAAgB,CAACV,GAAG,CAACQ,CAAL,CAAhB;AACD;;AAED,QAAIU,QAAQ,CAACC,aAAT,KAA2BF,YAAY,CAACG,OAA5C,EAAqD;AACnDP,MAAAA,eAAe,CAACb,GAAG,CAACW,CAAL,CAAf;AACD;AACF,GAZQ,EAYN,CAACX,GAAD,CAZM,CAAT;;AAcA,MAAMqB,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAOC,CAAP,EAAa;AAChC,QAAID,IAAI,CAACrB,GAAL,IAAYN,KAAK,CAAC6B,UAAN,CAAiBF,IAAI,CAACrB,GAAtB,CAAhB,EAA4C;AAC1CF,MAAAA,QAAQ,CACN;AACEE,QAAAA,GAAG,EAAEqB,IAAI,CAACrB,GADZ;AAEEwB,QAAAA,MAAM,EAAE;AAFV,OADM,EAKNF,CALM,CAAR;AAOD,KARD,MAQO,IAAID,IAAI,CAACjB,CAAL,IAAUiB,IAAI,CAACd,CAAf,IAAoBc,IAAI,CAACX,CAA7B,EAAgC;AACrCZ,MAAAA,QAAQ,CACN;AACEM,QAAAA,CAAC,EAAEiB,IAAI,CAACjB,CAAL,IAAUL,GAAG,CAACK,CADnB;AAEEG,QAAAA,CAAC,EAAEc,IAAI,CAACd,CAAL,IAAUR,GAAG,CAACQ,CAFnB;AAGEG,QAAAA,CAAC,EAAEW,IAAI,CAACX,CAAL,IAAUX,GAAG,CAACW,CAHnB;AAIEc,QAAAA,MAAM,EAAE;AAJV,OADM,EAONF,CAPM,CAAR;AASD;AACF,GApBD;;AAsBA,MAAMG,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAOC,KAAP,EAAiB;AACnCxB,IAAAA,cAAc,CAACwB,KAAD,CAAd;AACAP,IAAAA,YAAY,CAAC;AAAEpB,MAAAA,GAAG,EAAE2B;AAAP,KAAD,EAAiBD,IAAjB,CAAZ;AACD,GAHD;;AAKA,MAAME,WAAW,GAAG,SAAdA,WAAc,CAACF,IAAD,EAAOC,KAAP,EAAcE,SAAd,EAA4B;AAC9C,QAAIA,SAAS,KAAK,GAAlB,EAAuBvB,cAAc,CAACqB,KAAD,CAAd;AACvB,QAAIE,SAAS,KAAK,GAAlB,EAAuBpB,gBAAgB,CAACkB,KAAD,CAAhB;AACvB,QAAIE,SAAS,KAAK,GAAlB,EAAuBjB,eAAe,CAACe,KAAD,CAAf;AACvBP,IAAAA,YAAY,CACV;AACEhB,MAAAA,CAAC,EAAEyB,SAAS,KAAK,GAAd,GAAoBF,KAApB,GAA4B5B,GAAG,CAACK,CADrC;AAEEG,MAAAA,CAAC,EAAEsB,SAAS,KAAK,GAAd,GAAoBF,KAApB,GAA4B5B,GAAG,CAACQ,CAFrC;AAGEG,MAAAA,CAAC,EAAEmB,SAAS,KAAK,GAAd,GAAoBF,KAApB,GAA4B5B,GAAG,CAACW;AAHrC,KADU,EAMVgB,IANU,CAAZ;AAQD,GAZD;;AAcA,sBACE;AAAK,IAAA,SAAS,EAAEjC,IAAI,CAACQ,OAAO,CAAC6B,MAAT;AAApB,kBACE,oBAAC,OAAD;AACE,IAAA,QAAQ,EAAEjB,WADZ;AAEE,IAAA,SAAS,EAAEpB,IAAI,CAACQ,OAAO,CAAC8B,MAAT,CAFjB;AAGE,IAAA,KAAK,EAAC,KAHR;AAIE,IAAA,KAAK,EAAE7B,WAAW,CAAC8B,OAAZ,CAAoB,GAApB,EAAyB,EAAzB,CAJT;AAKE,IAAA,QAAQ,EAAEP,WALZ;AAME,IAAA,MAAM,EAAE;AAAA,aAAMtB,cAAc,CAACH,GAAD,CAApB;AAAA,KANV;AAOE,IAAA,YAAY;AAPd,IADF,eAUE,oBAAC,OAAD;AACE,IAAA,QAAQ,EAAEc,WADZ;AAEE,IAAA,SAAS,EAAErB,IAAI,CAACQ,OAAO,CAACgC,MAAT,CAFjB;AAGE,IAAA,KAAK,EAAC,GAHR;AAIE,IAAA,KAAK,YAAK5B,WAAL,CAJP;AAKE,IAAA,QAAQ,EAAE,kBAACqB,IAAD,EAAOC,KAAP;AAAA,aAAiBC,WAAW,CAACF,IAAD,EAAOC,KAAP,EAAc,GAAd,CAA5B;AAAA,KALZ;AAME,IAAA,MAAM,EAAE;AAAA,aAAMrB,cAAc,CAACP,GAAG,CAACK,CAAL,CAApB;AAAA,KANV;AAOE,IAAA,YAAY;AAPd,IAVF,eAmBE,oBAAC,OAAD;AACE,IAAA,QAAQ,EAAEW,aADZ;AAEE,IAAA,SAAS,EAAEtB,IAAI,CAACQ,OAAO,CAACgC,MAAT,CAFjB;AAGE,IAAA,KAAK,EAAC,GAHR;AAIE,IAAA,KAAK,YAAKzB,aAAL,CAJP;AAKE,IAAA,QAAQ,EAAE,kBAACkB,IAAD,EAAOC,KAAP;AAAA,aAAiBC,WAAW,CAACF,IAAD,EAAOC,KAAP,EAAc,GAAd,CAA5B;AAAA,KALZ;AAME,IAAA,MAAM,EAAE;AAAA,aAAMlB,gBAAgB,CAACV,GAAG,CAACQ,CAAL,CAAtB;AAAA,KANV;AAOE,IAAA,YAAY;AAPd,IAnBF,eA4BE,oBAAC,OAAD;AACE,IAAA,QAAQ,EAAES,YADZ;AAEE,IAAA,SAAS,EAAEvB,IAAI,CAACQ,OAAO,CAACgC,MAAT,CAFjB;AAGE,IAAA,KAAK,EAAC,GAHR;AAIE,IAAA,KAAK,YAAKtB,YAAL,CAJP;AAKE,IAAA,QAAQ,EAAE,kBAACe,IAAD,EAAOC,KAAP;AAAA,aAAiBC,WAAW,CAACF,IAAD,EAAOC,KAAP,EAAc,GAAd,CAA5B;AAAA,KALZ;AAME,IAAA,MAAM,EAAE;AAAA,aAAMf,eAAe,CAACb,GAAG,CAACW,CAAL,CAArB;AAAA,KANV;AAOE,IAAA,YAAY;AAPd,IA5BF,CADF;AAwCD,CAjHM;AAmHPb,MAAM,CAACqC,SAAP,GAAmB;AACjBnC,EAAAA,GAAG,EAAEP,SAAS,CAAC2C,KAAV,CAAgB;AACnB/B,IAAAA,CAAC,EAAEZ,SAAS,CAAC4C,MADM;AAEnB7B,IAAAA,CAAC,EAAEf,SAAS,CAAC4C,MAFM;AAGnB1B,IAAAA,CAAC,EAAElB,SAAS,CAAC4C;AAHM,GAAhB,EAIFC;AALc,CAAnB;AAQA,eAAexC,MAAf","sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n const classes = useStyles();\n const [internalHex, setInternalHex] = useState(hex);\n const [internalRed, setInternalRed] = useState(rgb.r);\n const [internalGreen, setInternalGreen] = useState(rgb.g);\n const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n const hexInputRef = useRef();\n const redInputRef = useRef();\n const greenInputRef = useRef();\n const blueInputRef = useRef();\n\n useEffect(() => {\n if (document.activeElement !== hexInputRef.current) {\n setInternalHex(hex);\n }\n }, [hex]);\n\n useEffect(() => {\n if (document.activeElement !== redInputRef.current) {\n setInternalRed(rgb.r);\n }\n\n if (document.activeElement !== greenInputRef.current) {\n setInternalGreen(rgb.g);\n }\n\n if (document.activeElement !== blueInputRef.current) {\n setInternalBlue(rgb.b);\n }\n }, [rgb]);\n\n const handleChange = (data, e) => {\n if (data.hex && color.isValidHex(data.hex)) {\n onChange(\n {\n hex: data.hex,\n source: \"hex\",\n },\n e\n );\n } else if (data.r || data.g || data.b) {\n onChange(\n {\n r: data.r || rgb.r,\n g: data.g || rgb.g,\n b: data.b || rgb.b,\n source: \"rgb\",\n },\n e\n );\n }\n };\n\n const onChangeHex = (_evt, value) => {\n setInternalHex(value);\n handleChange({ hex: value }, _evt);\n };\n\n const onChangeRbg = (_evt, value, colorPart) => {\n if (colorPart === \"r\") setInternalRed(value);\n if (colorPart === \"g\") setInternalGreen(value);\n if (colorPart === \"b\") setInternalBlue(value);\n handleChange(\n {\n r: colorPart === \"r\" ? value : rgb.r,\n g: colorPart === \"g\" ? value : rgb.g,\n b: colorPart === \"b\" ? value : rgb.b,\n },\n _evt\n );\n };\n\n return (\n <div className={clsx(classes.fields)}>\n <HvInput\n inputRef={hexInputRef}\n className={clsx(classes.double)}\n label=\"HEX\"\n value={internalHex.replace(\"#\", \"\")}\n onChange={onChangeHex}\n onBlur={() => setInternalHex(hex)}\n disableClear\n />\n <HvInput\n inputRef={redInputRef}\n className={clsx(classes.single)}\n label=\"R\"\n value={`${internalRed}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n onBlur={() => setInternalRed(rgb.r)}\n disableClear\n />\n <HvInput\n inputRef={greenInputRef}\n className={clsx(classes.single)}\n label=\"G\"\n value={`${internalGreen}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n onBlur={() => setInternalGreen(rgb.g)}\n disableClear\n />\n <HvInput\n inputRef={blueInputRef}\n className={clsx(classes.single)}\n label=\"B\"\n value={`${internalBlue}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n onBlur={() => setInternalBlue(rgb.b)}\n disableClear\n />\n </div>\n );\n};\n\nFields.propTypes = {\n rgb: PropTypes.shape({\n r: PropTypes.number,\n g: PropTypes.number,\n b: PropTypes.number,\n }).isRequired,\n};\n\nexport default Fields;\n"],"file":"Fields.js"}
1
+ {"version":3,"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n const classes = useStyles();\n const [internalHex, setInternalHex] = useState(hex);\n const [internalRed, setInternalRed] = useState(rgb.r);\n const [internalGreen, setInternalGreen] = useState(rgb.g);\n const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n const hexInputRef = useRef();\n const redInputRef = useRef();\n const greenInputRef = useRef();\n const blueInputRef = useRef();\n\n useEffect(() => {\n if (document.activeElement !== hexInputRef.current) {\n setInternalHex(hex);\n }\n }, [hex]);\n\n useEffect(() => {\n if (document.activeElement !== redInputRef.current) {\n setInternalRed(rgb.r);\n }\n\n if (document.activeElement !== greenInputRef.current) {\n setInternalGreen(rgb.g);\n }\n\n if (document.activeElement !== blueInputRef.current) {\n setInternalBlue(rgb.b);\n }\n }, [rgb]);\n\n const handleChange = (data, e) => {\n if (data.hex && color.isValidHex(data.hex)) {\n onChange(\n {\n hex: data.hex,\n source: \"hex\",\n },\n e\n );\n } else if (data.r || data.g || data.b) {\n onChange(\n {\n r: data.r || rgb.r,\n g: data.g || rgb.g,\n b: data.b || rgb.b,\n source: \"rgb\",\n },\n e\n );\n }\n };\n\n const onChangeHex = (_evt, value) => {\n setInternalHex(value);\n handleChange({ hex: value }, _evt);\n };\n\n const onChangeRbg = (_evt, value, colorPart) => {\n if (colorPart === \"r\") setInternalRed(value);\n if (colorPart === \"g\") setInternalGreen(value);\n if (colorPart === \"b\") setInternalBlue(value);\n handleChange(\n {\n r: colorPart === \"r\" ? value : rgb.r,\n g: colorPart === \"g\" ? value : rgb.g,\n b: colorPart === \"b\" ? value : rgb.b,\n },\n _evt\n );\n };\n\n return (\n <div className={clsx(classes.fields)}>\n <HvInput\n inputRef={hexInputRef}\n className={clsx(classes.double)}\n label=\"HEX\"\n value={internalHex.replace(\"#\", \"\")}\n onChange={onChangeHex}\n onBlur={() => setInternalHex(hex)}\n disableClear\n />\n <HvInput\n inputRef={redInputRef}\n className={clsx(classes.single)}\n label=\"R\"\n value={`${internalRed}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n onBlur={() => setInternalRed(rgb.r)}\n disableClear\n />\n <HvInput\n inputRef={greenInputRef}\n className={clsx(classes.single)}\n label=\"G\"\n value={`${internalGreen}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n onBlur={() => setInternalGreen(rgb.g)}\n disableClear\n />\n <HvInput\n inputRef={blueInputRef}\n className={clsx(classes.single)}\n label=\"B\"\n value={`${internalBlue}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n onBlur={() => setInternalBlue(rgb.b)}\n disableClear\n />\n </div>\n );\n};\n\nFields.propTypes = {\n rgb: PropTypes.shape({\n r: PropTypes.number,\n g: PropTypes.number,\n b: PropTypes.number,\n }).isRequired,\n};\n\nexport default Fields;\n"],"file":"Fields.js"}
@@ -37,12 +37,12 @@ export var SketchPresetColors = function SketchPresetColors(_ref) {
37
37
  })));
38
38
  }));
39
39
  };
40
- SketchPresetColors.propTypes = {
40
+ process.env.NODE_ENV !== "production" ? SketchPresetColors.propTypes = {
41
41
  colors: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
42
42
  color: PropTypes.string,
43
43
  title: PropTypes.string
44
44
  })])).isRequired,
45
45
  onClick: PropTypes.func.isRequired
46
- };
46
+ } : void 0;
47
47
  export default SketchPresetColors;
48
48
  //# sourceMappingURL=PresetColors.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/ColorPicker/PresetColors/PresetColors.js"],"names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,MAAT,QAAuB,mCAAvB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;AAAA,MAAjCC,MAAiC,QAAjCA,MAAiC;AAAA,0BAAzBC,OAAyB;AAAA,MAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;AACpE,MAAMC,OAAO,GAAGJ,SAAS,EAAzB;;AAEA,MAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;AAC9BJ,IAAAA,OAAO,CACL;AACEG,MAAAA,GAAG,EAAHA,GADF;AAEEE,MAAAA,MAAM,EAAE;AAFV,KADK,EAKLD,CALK,CAAP;AAOD,GARD;;AAUA,sBACE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACF;AAAxB,KACGA,MAAM,CAACO,GAAP,CAAW,UAACC,gBAAD,EAAsB;AAChC,QAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;AAAEE,MAAAA,KAAK,EAAEF;AAAT,KAAvC,GAAqEA,gBADvE;AAEA,QAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;AACA,wBACE;AAAK,MAAA,GAAG,EAAED,GAAV;AAAe,MAAA,SAAS,EAAET,OAAO,CAACW;AAAlC,oBACE,oBAAC,MAAD,eACMJ,CADN;AAEE,MAAA,SAAS,EAAEP,OAAO,CAACY,MAFrB;AAGE,MAAA,OAAO,EAAEX,WAHX;AAIE,MAAA,UAAU,EAAE;AACVY,QAAAA,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;AADC;AAJd,OADF,CADF;AAYD,GAhBA,CADH,CADF;AAqBD,CAlCM;AAoCPX,kBAAkB,CAACiB,SAAnB,GAA+B;AAC7BhB,EAAAA,MAAM,EAAEJ,SAAS,CAACqB,OAAV,CACNrB,SAAS,CAACsB,SAAV,CAAoB,CAClBtB,SAAS,CAACuB,MADQ,EAElBvB,SAAS,CAACwB,KAAV,CAAgB;AACdV,IAAAA,KAAK,EAAEd,SAAS,CAACuB,MADH;AAEdP,IAAAA,KAAK,EAAEhB,SAAS,CAACuB;AAFH,GAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;AAU7BpB,EAAAA,OAAO,EAAEL,SAAS,CAAC0B,IAAV,CAAeD;AAVK,CAA/B;AAaA,eAAetB,kBAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n const classes = useStyles();\n\n const handleClick = (hex, e) => {\n onClick(\n {\n hex,\n source: \"hex\",\n },\n e\n );\n };\n\n return (\n <div className={classes.colors}>\n {colors.map((colorObjOrString) => {\n const c =\n typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n const key = `${c.color}${c.title || \"\"}`;\n return (\n <div key={key} className={classes.swatchWrap}>\n <Swatch\n {...c}\n className={classes.swatch}\n onClick={handleClick}\n focusStyle={{\n boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n }}\n />\n </div>\n );\n })}\n </div>\n );\n};\n\nSketchPresetColors.propTypes = {\n colors: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n color: PropTypes.string,\n title: PropTypes.string,\n }),\n ])\n ).isRequired,\n onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"file":"PresetColors.js"}
1
+ {"version":3,"sources":["../../../../src/ColorPicker/PresetColors/PresetColors.js"],"names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,MAAT,QAAuB,mCAAvB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;AAAA,MAAjCC,MAAiC,QAAjCA,MAAiC;AAAA,0BAAzBC,OAAyB;AAAA,MAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;AACpE,MAAMC,OAAO,GAAGJ,SAAS,EAAzB;;AAEA,MAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;AAC9BJ,IAAAA,OAAO,CACL;AACEG,MAAAA,GAAG,EAAHA,GADF;AAEEE,MAAAA,MAAM,EAAE;AAFV,KADK,EAKLD,CALK,CAAP;AAOD,GARD;;AAUA,sBACE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACF;AAAxB,KACGA,MAAM,CAACO,GAAP,CAAW,UAACC,gBAAD,EAAsB;AAChC,QAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;AAAEE,MAAAA,KAAK,EAAEF;AAAT,KAAvC,GAAqEA,gBADvE;AAEA,QAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;AACA,wBACE;AAAK,MAAA,GAAG,EAAED,GAAV;AAAe,MAAA,SAAS,EAAET,OAAO,CAACW;AAAlC,oBACE,oBAAC,MAAD,eACMJ,CADN;AAEE,MAAA,SAAS,EAAEP,OAAO,CAACY,MAFrB;AAGE,MAAA,OAAO,EAAEX,WAHX;AAIE,MAAA,UAAU,EAAE;AACVY,QAAAA,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;AADC;AAJd,OADF,CADF;AAYD,GAhBA,CADH,CADF;AAqBD,CAlCM;AAoCP,wCAAAX,kBAAkB,CAACiB,SAAnB,GAA+B;AAC7BhB,EAAAA,MAAM,EAAEJ,SAAS,CAACqB,OAAV,CACNrB,SAAS,CAACsB,SAAV,CAAoB,CAClBtB,SAAS,CAACuB,MADQ,EAElBvB,SAAS,CAACwB,KAAV,CAAgB;AACdV,IAAAA,KAAK,EAAEd,SAAS,CAACuB,MADH;AAEdP,IAAAA,KAAK,EAAEhB,SAAS,CAACuB;AAFH,GAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;AAU7BpB,EAAAA,OAAO,EAAEL,SAAS,CAAC0B,IAAV,CAAeD;AAVK,CAA/B;AAaA,eAAetB,kBAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n const classes = useStyles();\n\n const handleClick = (hex, e) => {\n onClick(\n {\n hex,\n source: \"hex\",\n },\n e\n );\n };\n\n return (\n <div className={classes.colors}>\n {colors.map((colorObjOrString) => {\n const c =\n typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n const key = `${c.color}${c.title || \"\"}`;\n return (\n <div key={key} className={classes.swatchWrap}>\n <Swatch\n {...c}\n className={classes.swatch}\n onClick={handleClick}\n focusStyle={{\n boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n }}\n />\n </div>\n );\n })}\n </div>\n );\n};\n\nSketchPresetColors.propTypes = {\n colors: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n color: PropTypes.string,\n title: PropTypes.string,\n }),\n ])\n ).isRequired,\n onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"file":"PresetColors.js"}
@@ -1,5 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+
4
+ var _Close;
5
+
3
6
  var _excluded = ["className", "classes", "id", "children", "open", "onClose", "anchor", "buttonTitle"];
4
7
  import "core-js/modules/es.string.anchor.js";
5
8
  import React from "react";
@@ -29,9 +32,9 @@ var HvDrawer = function HvDrawer(_ref) {
29
32
  others = _objectWithoutProperties(_ref, _excluded);
30
33
 
31
34
  var closeButtonDisplay = function closeButtonDisplay() {
32
- return /*#__PURE__*/React.createElement(Close, {
35
+ return _Close || (_Close = /*#__PURE__*/React.createElement(Close, {
33
36
  role: "presentation"
34
- });
37
+ }));
35
38
  };
36
39
 
37
40
  var CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
@@ -62,7 +65,7 @@ var HvDrawer = function HvDrawer(_ref) {
62
65
  }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children);
63
66
  };
64
67
 
65
- HvDrawer.propTypes = {
68
+ process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
66
69
  /**
67
70
  * Class names to be applied.
68
71
  */
@@ -126,7 +129,7 @@ HvDrawer.propTypes = {
126
129
  * Title for the button close.
127
130
  */
128
131
  buttonTitle: PropTypes.string
129
- };
132
+ } : void 0;
130
133
  export default withStyles(styles, {
131
134
  name: "HvDrawer"
132
135
  })(HvDrawer);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Drawer/Drawer.js"],"names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n className,\n classes,\n id,\n children,\n open,\n onClose,\n anchor = \"right\",\n buttonTitle = \"Close\",\n ...others\n}) => {\n const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n const CloseButtonTooltipWrapper = buttonTitle\n ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n : closeButtonDisplay;\n\n return (\n <Drawer\n className={clsx(classes.root, className)}\n id={id}\n anchor={anchor}\n open={open}\n PaperProps={{\n classes: {\n root: classes.paper,\n },\n }}\n BackdropProps={{\n classes: {\n root: classes.background,\n },\n }}\n onClose={(event, reason) => onClose(event, reason)}\n {...others}\n >\n <HvButton\n id={setId(id, \"close\")}\n className={classes.closeButton}\n category=\"ghost\"\n onClick={onClose}\n aria-label={buttonTitle}\n >\n <CloseButtonTooltipWrapper />\n </HvButton>\n {children}\n </Drawer>\n );\n};\n\nHvDrawer.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the root of the component.\n */\n root: PropTypes.string,\n /**\n * Style applied to the background (outside) of the component.\n */\n background: PropTypes.string,\n /**\n * Style applied to the component (root).\n */\n paper: PropTypes.string,\n /**\n * Style applied to the close button.\n */\n closeButton: PropTypes.string,\n }).isRequired,\n /**\n * Components of the Drawer.\n */\n children: PropTypes.node.isRequired,\n /**\n * Current state of the Drawer.\n */\n open: PropTypes.bool.isRequired,\n /**\n * Function executed on close.\n * Extended from Modal from material-ui\n *\n * @param {object} event The event source of the callback.\n * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n */\n onClose: PropTypes.func.isRequired,\n /**\n * The side the drawer opens from.\n */\n anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n /**\n * Title for the button close.\n */\n buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"file":"Drawer.js"}
1
+ {"version":3,"sources":["../../../src/Drawer/Drawer.js"],"names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n className,\n classes,\n id,\n children,\n open,\n onClose,\n anchor = \"right\",\n buttonTitle = \"Close\",\n ...others\n}) => {\n const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n const CloseButtonTooltipWrapper = buttonTitle\n ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n : closeButtonDisplay;\n\n return (\n <Drawer\n className={clsx(classes.root, className)}\n id={id}\n anchor={anchor}\n open={open}\n PaperProps={{\n classes: {\n root: classes.paper,\n },\n }}\n BackdropProps={{\n classes: {\n root: classes.background,\n },\n }}\n onClose={(event, reason) => onClose(event, reason)}\n {...others}\n >\n <HvButton\n id={setId(id, \"close\")}\n className={classes.closeButton}\n category=\"ghost\"\n onClick={onClose}\n aria-label={buttonTitle}\n >\n <CloseButtonTooltipWrapper />\n </HvButton>\n {children}\n </Drawer>\n );\n};\n\nHvDrawer.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the root of the component.\n */\n root: PropTypes.string,\n /**\n * Style applied to the background (outside) of the component.\n */\n background: PropTypes.string,\n /**\n * Style applied to the component (root).\n */\n paper: PropTypes.string,\n /**\n * Style applied to the close button.\n */\n closeButton: PropTypes.string,\n }).isRequired,\n /**\n * Components of the Drawer.\n */\n children: PropTypes.node.isRequired,\n /**\n * Current state of the Drawer.\n */\n open: PropTypes.bool.isRequired,\n /**\n * Function executed on close.\n * Extended from Modal from material-ui\n *\n * @param {object} event The event source of the callback.\n * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n */\n onClose: PropTypes.func.isRequired,\n /**\n * The side the drawer opens from.\n */\n anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n /**\n * Title for the button close.\n */\n buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"file":"Drawer.js"}
@@ -168,7 +168,7 @@ var HvFormComposer = /*#__PURE__*/function (_React$Component) {
168
168
  return HvFormComposer;
169
169
  }(React.Component);
170
170
 
171
- HvFormComposer.propTypes = {
171
+ process.env.NODE_ENV !== "production" ? HvFormComposer.propTypes = {
172
172
  /**
173
173
  * A Jss Object used to override or extend the styles applied to the form composer.
174
174
  */
@@ -201,7 +201,7 @@ HvFormComposer.propTypes = {
201
201
  * Content to be shown on the footer.
202
202
  */
203
203
  footerContent: PropTypes.node
204
- };
204
+ } : void 0;
205
205
  /**
206
206
  * Default properties.
207
207
  */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/FormComposer/FormComposer.js"],"names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","Component","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/**\n * A form composer component used to create a form dynamically, still in development\n */\nclass HvFormComposer extends React.Component {\n constructor(props) {\n super(props);\n\n const { groups } = this.props;\n\n this.state = {\n componentValues: this.getInitialValuesFromComponents(groups),\n };\n }\n\n /**\n * Gets the values that are set on each component inside the groups.\n *\n * @param {Object} groups - Initial group object containing all the component elements.\n * @return {Object} - { key (Component name): value (Value set on the component) }\n */\n getInitialValuesFromComponents = (groups) => {\n const componentValues = {};\n groups.forEach((group) => {\n group.children.forEach((child) => {\n componentValues[child.props.name] = child.props.value;\n });\n });\n\n return componentValues;\n };\n\n /**\n * Gets the values stored in the state of each component.\n */\n getValues = () => {\n const { componentValues } = this.state;\n return componentValues;\n };\n\n /**\n * Handler to retrieve the values.\n *\n * @param {Function} originalHandler - The handler that was originally triggered.\n */\n getValuesHandler = (originalHandler) => {\n if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n originalHandler(this.getValues());\n }\n };\n\n /**\n * Stores the value on the state when a child component onChange event is triggered.\n *\n * @param {*} value - Value that will be stored on the state.\n * @param {string} name - Name of the component.\n * @param {Function} onChange - Original function triggered by the component.\n */\n childOnChangeHandler = (value, name, onChange) => {\n const { componentValues } = this.state;\n\n const newComponentValues = { ...componentValues };\n newComponentValues[name] = value;\n\n this.setState({ componentValues: newComponentValues });\n\n if (onChange !== undefined && typeof onChange === \"function\") {\n return onChange(value);\n }\n // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n return value;\n };\n\n render() {\n const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n const footerElements = footerContent.map((child, i) => {\n const key = `fc-${i}`;\n return React.cloneElement(child, {\n onClick: () => this.getValuesHandler(child.props.onClick),\n key,\n });\n });\n\n const navigationOptions = [];\n\n const groupedComponents = groups.map((group) => {\n navigationOptions.push({ label: group.title, value: group.title });\n\n return (\n <div key={group.title}>\n <HvTypography id={group.title} variant=\"mTitle\">\n {group.title}\n </HvTypography>\n {group.children.map((child, i) => {\n const key = `fc-${group.title}-${i}`;\n return (\n <div key={key}>\n {React.cloneElement(child, {\n onChange: (event, value) =>\n this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n })}\n </div>\n );\n })}\n </div>\n );\n });\n\n return (\n <div className={classes.root}>\n <HvTypography variant=\"xlTitle\" className={classes.title}>\n {mainTitle}\n </HvTypography>\n <div className={classes.mainContainer}>\n {hasNavigation && (\n <div className={classes.navContainer}>\n <HvNavigationAnchors options={navigationOptions} floating={false} />\n </div>\n )}\n <div className={classes.componentContainer}>{groupedComponents}</div>\n </div>\n {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n </div>\n );\n }\n}\n\nHvFormComposer.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the form composer.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Main title to be displayed.\n */\n mainTitle: PropTypes.string,\n /**\n * The group of component that will be added to the Form composer.\n */\n groups: PropTypes.arrayOf(\n shape({\n title: PropTypes.string,\n children: PropTypes.node,\n })\n ).isRequired,\n /**\n * Shows navigation bar.\n */\n hasNavigation: PropTypes.bool,\n /**\n * Shows footer.\n */\n hasFooter: PropTypes.bool,\n /**\n * Content to be shown on the footer.\n */\n footerContent: PropTypes.node,\n};\n\n/**\n * Default properties.\n */\nHvFormComposer.defaultProps = {\n mainTitle: \"\",\n hasNavigation: false,\n hasFooter: false,\n footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"file":"FormComposer.js"}
1
+ {"version":3,"sources":["../../../src/FormComposer/FormComposer.js"],"names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","Component","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/**\n * A form composer component used to create a form dynamically, still in development\n */\nclass HvFormComposer extends React.Component {\n constructor(props) {\n super(props);\n\n const { groups } = this.props;\n\n this.state = {\n componentValues: this.getInitialValuesFromComponents(groups),\n };\n }\n\n /**\n * Gets the values that are set on each component inside the groups.\n *\n * @param {Object} groups - Initial group object containing all the component elements.\n * @return {Object} - { key (Component name): value (Value set on the component) }\n */\n getInitialValuesFromComponents = (groups) => {\n const componentValues = {};\n groups.forEach((group) => {\n group.children.forEach((child) => {\n componentValues[child.props.name] = child.props.value;\n });\n });\n\n return componentValues;\n };\n\n /**\n * Gets the values stored in the state of each component.\n */\n getValues = () => {\n const { componentValues } = this.state;\n return componentValues;\n };\n\n /**\n * Handler to retrieve the values.\n *\n * @param {Function} originalHandler - The handler that was originally triggered.\n */\n getValuesHandler = (originalHandler) => {\n if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n originalHandler(this.getValues());\n }\n };\n\n /**\n * Stores the value on the state when a child component onChange event is triggered.\n *\n * @param {*} value - Value that will be stored on the state.\n * @param {string} name - Name of the component.\n * @param {Function} onChange - Original function triggered by the component.\n */\n childOnChangeHandler = (value, name, onChange) => {\n const { componentValues } = this.state;\n\n const newComponentValues = { ...componentValues };\n newComponentValues[name] = value;\n\n this.setState({ componentValues: newComponentValues });\n\n if (onChange !== undefined && typeof onChange === \"function\") {\n return onChange(value);\n }\n // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n return value;\n };\n\n render() {\n const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n const footerElements = footerContent.map((child, i) => {\n const key = `fc-${i}`;\n return React.cloneElement(child, {\n onClick: () => this.getValuesHandler(child.props.onClick),\n key,\n });\n });\n\n const navigationOptions = [];\n\n const groupedComponents = groups.map((group) => {\n navigationOptions.push({ label: group.title, value: group.title });\n\n return (\n <div key={group.title}>\n <HvTypography id={group.title} variant=\"mTitle\">\n {group.title}\n </HvTypography>\n {group.children.map((child, i) => {\n const key = `fc-${group.title}-${i}`;\n return (\n <div key={key}>\n {React.cloneElement(child, {\n onChange: (event, value) =>\n this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n })}\n </div>\n );\n })}\n </div>\n );\n });\n\n return (\n <div className={classes.root}>\n <HvTypography variant=\"xlTitle\" className={classes.title}>\n {mainTitle}\n </HvTypography>\n <div className={classes.mainContainer}>\n {hasNavigation && (\n <div className={classes.navContainer}>\n <HvNavigationAnchors options={navigationOptions} floating={false} />\n </div>\n )}\n <div className={classes.componentContainer}>{groupedComponents}</div>\n </div>\n {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n </div>\n );\n }\n}\n\nHvFormComposer.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the form composer.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Main title to be displayed.\n */\n mainTitle: PropTypes.string,\n /**\n * The group of component that will be added to the Form composer.\n */\n groups: PropTypes.arrayOf(\n shape({\n title: PropTypes.string,\n children: PropTypes.node,\n })\n ).isRequired,\n /**\n * Shows navigation bar.\n */\n hasNavigation: PropTypes.bool,\n /**\n * Shows footer.\n */\n hasFooter: PropTypes.bool,\n /**\n * Content to be shown on the footer.\n */\n footerContent: PropTypes.node,\n};\n\n/**\n * Default properties.\n */\nHvFormComposer.defaultProps = {\n mainTitle: \"\",\n hasNavigation: false,\n hasFooter: false,\n footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"file":"FormComposer.js"}
@@ -134,7 +134,7 @@ var HvInlineEditor = function HvInlineEditor(props) {
134
134
  })));
135
135
  };
136
136
 
137
- HvInlineEditor.propTypes = {
137
+ process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
138
138
  /**
139
139
  * Class names to be applied.
140
140
  */
@@ -210,7 +210,7 @@ HvInlineEditor.propTypes = {
210
210
  * Props passed to the HvTypography text component
211
211
  */
212
212
  typographyProps: PropTypes.instanceOf(Object)
213
- };
213
+ } : void 0;
214
214
  export default withStyles(styles, {
215
215
  name: "HvInlineEditor"
216
216
  })(HvInlineEditor);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/InlineEditor/InlineEditor.js"],"names":["React","useLayoutEffect","useRef","useState","PropTypes","clsx","withStyles","useTheme","HvButton","HvInput","HvTypography","isKeypress","KeyboardCodes","useControlled","Edit","styles","HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","setValue","editMode","setEditMode","cachedValue","setCachedValue","inputRef","theme","typographyStyles","hv","typography","lineHeight","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","Esc","handleChange","val","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\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"],"file":"InlineEditor.js"}
1
+ {"version":3,"sources":["../../../src/InlineEditor/InlineEditor.js"],"names":["React","useLayoutEffect","useRef","useState","PropTypes","clsx","withStyles","useTheme","HvButton","HvInput","HvTypography","isKeypress","KeyboardCodes","useControlled","Edit","styles","HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","setValue","editMode","setEditMode","cachedValue","setCachedValue","inputRef","theme","typographyStyles","hv","typography","lineHeight","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","Esc","handleChange","val","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\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"],"file":"InlineEditor.js"}
@@ -261,7 +261,7 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
261
261
  }));
262
262
  };
263
263
 
264
- NavigationAnchors.propTypes = {
264
+ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
265
265
  /**
266
266
  * Class names to be applied.
267
267
  */
@@ -323,7 +323,7 @@ NavigationAnchors.propTypes = {
323
323
  * Each element can also have a specific offset via the options property.
324
324
  */
325
325
  offset: PropTypes.number
326
- };
326
+ } : void 0;
327
327
  export default withStyles(styles, {
328
328
  name: "HvNavigationAnchors"
329
329
  })(NavigationAnchors);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY ||\n window.pageYOffset ||\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n const elemTop = verticalScrollOffset(element, container);\n container.scrollTo({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n};\n\nconst isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) ||\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n selectedIndex: selectedIndexProp = 0,\n scrollElementId,\n href = true,\n onClick,\n className,\n classes,\n options,\n floating,\n offset = 0,\n ...other\n}) => {\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, has recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n // get and store the container's dom element\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(() => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n });\n }\n }, [offset, options]);\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleListItemClick = (event, id, index) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n }\n\n if (!href && onClick) {\n onClick(event, index, option);\n } else if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n const navOptions = useMemo(() => {\n return options.map((option) => {\n return navigationOption(option.label);\n });\n }, [options]);\n\n return (\n <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n {options.map((option, index) => {\n const NavOpt = navOptions[index];\n\n return (\n <HvListItem\n classes={{\n selected: classes.listItemSelected,\n gutters: classes.listItemGutters,\n }}\n key={option.key || option.label}\n onClick={(event) => handleListItemClick(event, option.value, index)}\n selected={selectedIndex === index}\n >\n <NavOpt />\n </HvListItem>\n );\n })}\n </HvListContainer>\n );\n};\n\nNavigationAnchors.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n listItemGutters: PropTypes.string,\n listItemSelected: PropTypes.string,\n }).isRequired,\n /**\n * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n */\n options: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n value: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n offset: PropTypes.number,\n })\n ).isRequired,\n /**\n * True if the href location link should be applied. It will create an a element around every list item\n */\n href: PropTypes.bool,\n /**\n * A callback called on click of every list item, if the href is false\n */\n onClick: PropTypes.func,\n /**\n * Whether the anchors are always in a fixed position\n *\n * @deprecated Currently does nothing. Style the component instead.\n */\n floating: deprecatedPropType(PropTypes.bool),\n /**\n * Currently selected index passed from the parent.\n */\n selectedIndex: PropTypes.number,\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId: PropTypes.string,\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"file":"NavigationAnchors.js"}
1
+ {"version":3,"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY ||\n window.pageYOffset ||\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n const elemTop = verticalScrollOffset(element, container);\n container.scrollTo({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n};\n\nconst isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) ||\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n selectedIndex: selectedIndexProp = 0,\n scrollElementId,\n href = true,\n onClick,\n className,\n classes,\n options,\n floating,\n offset = 0,\n ...other\n}) => {\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, has recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n // get and store the container's dom element\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(() => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n });\n }\n }, [offset, options]);\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleListItemClick = (event, id, index) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n }\n\n if (!href && onClick) {\n onClick(event, index, option);\n } else if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n const navOptions = useMemo(() => {\n return options.map((option) => {\n return navigationOption(option.label);\n });\n }, [options]);\n\n return (\n <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n {options.map((option, index) => {\n const NavOpt = navOptions[index];\n\n return (\n <HvListItem\n classes={{\n selected: classes.listItemSelected,\n gutters: classes.listItemGutters,\n }}\n key={option.key || option.label}\n onClick={(event) => handleListItemClick(event, option.value, index)}\n selected={selectedIndex === index}\n >\n <NavOpt />\n </HvListItem>\n );\n })}\n </HvListContainer>\n );\n};\n\nNavigationAnchors.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n listItemGutters: PropTypes.string,\n listItemSelected: PropTypes.string,\n }).isRequired,\n /**\n * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n */\n options: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n value: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n offset: PropTypes.number,\n })\n ).isRequired,\n /**\n * True if the href location link should be applied. It will create an a element around every list item\n */\n href: PropTypes.bool,\n /**\n * A callback called on click of every list item, if the href is false\n */\n onClick: PropTypes.func,\n /**\n * Whether the anchors are always in a fixed position\n *\n * @deprecated Currently does nothing. Style the component instead.\n */\n floating: deprecatedPropType(PropTypes.bool),\n /**\n * Currently selected index passed from the parent.\n */\n selectedIndex: PropTypes.number,\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId: PropTypes.string,\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"file":"NavigationAnchors.js"}
@@ -1,3 +1,5 @@
1
+ var _Alert;
2
+
1
3
  import React from "react";
2
4
  import PropTypes from "prop-types";
3
5
  import { HvEmptyState } from "@hitachivantara/uikit-react-core";
@@ -16,7 +18,7 @@ var EmptyStatePanel = function EmptyStatePanel(_ref) {
16
18
  id: id,
17
19
  title: title,
18
20
  message: message,
19
- icon: icon || /*#__PURE__*/React.createElement(Alert, null),
21
+ icon: icon || _Alert || (_Alert = /*#__PURE__*/React.createElement(Alert, null)),
20
22
  className: className,
21
23
  classes: {
22
24
  root: classes.emptyStateRoot,
@@ -27,7 +29,7 @@ var EmptyStatePanel = function EmptyStatePanel(_ref) {
27
29
  });
28
30
  };
29
31
 
30
- EmptyStatePanel.propTypes = {
32
+ process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
31
33
  /**
32
34
  * Id of the EmptyStatePanel
33
35
  */
@@ -77,7 +79,7 @@ EmptyStatePanel.propTypes = {
77
79
  * Empty Panel Icon
78
80
  */
79
81
  icon: PropTypes.element
80
- };
82
+ } : void 0;
81
83
  export default withStyles(styles, {
82
84
  name: "HvEmptyStatePanel"
83
85
  })(EmptyStatePanel);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,YAAT,QAA6B,kCAA7B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;AAAA,MAAnDC,EAAmD,QAAnDA,EAAmD;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,SAAsC,QAAtCA,SAAsC;AAAA,MAA3BC,KAA2B,QAA3BA,KAA2B;AAAA,MAApBC,OAAoB,QAApBA,OAAoB;AAAA,MAAXC,IAAW,QAAXA,IAAW;AAC5E,sBACE,oBAAC,YAAD;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,IAAI,EAAEC,IAAI,iBAAI,oBAAC,KAAD,OAJhB;AAKE,IAAA,SAAS,EAAEH,SALb;AAME,IAAA,OAAO,EAAE;AACPI,MAAAA,IAAI,EAAEL,OAAO,CAACM,cADP;AAEPC,MAAAA,SAAS,EAAEP,OAAO,CAACQ,mBAFZ;AAGPC,MAAAA,aAAa,EAAET,OAAO,CAACU,uBAHhB;AAIPC,MAAAA,cAAc,EAAEX,OAAO,CAACY;AAJjB;AANX,IADF;AAeD,CAhBD;;AAkBAd,eAAe,CAACe,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEd,EAAAA,EAAE,EAAEN,SAAS,CAACqB,MAAV,CAAiBC,UAJK;;AAK1B;AACF;AACA;AACEf,EAAAA,OAAO,EAAEP,SAAS,CAACuB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIV,IAAAA,cAAc,EAAEb,SAAS,CAACqB,MAJH;;AAKvB;AACJ;AACA;AACIN,IAAAA,mBAAmB,EAAEf,SAAS,CAACqB,MARR;;AAUvB;AACJ;AACA;AACIJ,IAAAA,uBAAuB,EAAEjB,SAAS,CAACqB,MAbZ;;AAevB;AACJ;AACA;AACIF,IAAAA,wBAAwB,EAAEnB,SAAS,CAACqB;AAlBb,GAAhB,EAmBNC,UA3BuB;;AA6B1B;AACF;AACA;AACEd,EAAAA,SAAS,EAAER,SAAS,CAACqB,MAhCK;;AAiC1B;AACF;AACA;AACEZ,EAAAA,KAAK,EAAET,SAAS,CAACqB,MAAV,CAAiBC,UApCE;;AAqC1B;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEV,SAAS,CAACqB,MAAV,CAAiBC,UAxCA;;AAyC1B;AACF;AACA;AACEX,EAAAA,IAAI,EAAEX,SAAS,CAACwB;AA5CU,CAA5B;AA8CA,eAAerB,UAAU,CAACC,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDpB,eAAlD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n return (\n <HvEmptyState\n id={id}\n title={title}\n message={message}\n icon={icon || <Alert />}\n className={className}\n classes={{\n root: classes.emptyStateRoot,\n container: classes.emptyStateContainer,\n iconContainer: classes.emptyStateIconContainer,\n titleContainer: classes.emptyStateTitleContainer,\n }}\n />\n );\n};\n\nEmptyStatePanel.propTypes = {\n /**\n * Id of the EmptyStatePanel\n */\n id: PropTypes.string.isRequired,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the panel.\n */\n emptyStateRoot: PropTypes.string,\n /**\n * Styles applied to the EmptyStatePanel container.\n */\n emptyStateContainer: PropTypes.string,\n\n /**\n * Styles applied to the empty state container icon.\n */\n emptyStateIconContainer: PropTypes.string,\n\n /**\n * Styles applied to the EmptyStatePanel title.\n */\n emptyStateTitleContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Title of the EmptyStatePanel\n */\n title: PropTypes.string.isRequired,\n /**\n * Message of the EmptyStatePanel\n */\n message: PropTypes.string.isRequired,\n /**\n * Empty Panel Icon\n */\n icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"file":"EmptyStatePanel.js"}
1
+ {"version":3,"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,YAAT,QAA6B,kCAA7B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;AAAA,MAAnDC,EAAmD,QAAnDA,EAAmD;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,SAAsC,QAAtCA,SAAsC;AAAA,MAA3BC,KAA2B,QAA3BA,KAA2B;AAAA,MAApBC,OAAoB,QAApBA,OAAoB;AAAA,MAAXC,IAAW,QAAXA,IAAW;AAC5E,sBACE,oBAAC,YAAD;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,IAAI,EAAEC,IAAI,qCAAI,oBAAC,KAAD,OAAJ,CAJZ;AAKE,IAAA,SAAS,EAAEH,SALb;AAME,IAAA,OAAO,EAAE;AACPI,MAAAA,IAAI,EAAEL,OAAO,CAACM,cADP;AAEPC,MAAAA,SAAS,EAAEP,OAAO,CAACQ,mBAFZ;AAGPC,MAAAA,aAAa,EAAET,OAAO,CAACU,uBAHhB;AAIPC,MAAAA,cAAc,EAAEX,OAAO,CAACY;AAJjB;AANX,IADF;AAeD,CAhBD;;AAkBA,wCAAAd,eAAe,CAACe,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEd,EAAAA,EAAE,EAAEN,SAAS,CAACqB,MAAV,CAAiBC,UAJK;;AAK1B;AACF;AACA;AACEf,EAAAA,OAAO,EAAEP,SAAS,CAACuB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIV,IAAAA,cAAc,EAAEb,SAAS,CAACqB,MAJH;;AAKvB;AACJ;AACA;AACIN,IAAAA,mBAAmB,EAAEf,SAAS,CAACqB,MARR;;AAUvB;AACJ;AACA;AACIJ,IAAAA,uBAAuB,EAAEjB,SAAS,CAACqB,MAbZ;;AAevB;AACJ;AACA;AACIF,IAAAA,wBAAwB,EAAEnB,SAAS,CAACqB;AAlBb,GAAhB,EAmBNC,UA3BuB;;AA6B1B;AACF;AACA;AACEd,EAAAA,SAAS,EAAER,SAAS,CAACqB,MAhCK;;AAiC1B;AACF;AACA;AACEZ,EAAAA,KAAK,EAAET,SAAS,CAACqB,MAAV,CAAiBC,UApCE;;AAqC1B;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEV,SAAS,CAACqB,MAAV,CAAiBC,UAxCA;;AAyC1B;AACF;AACA;AACEX,EAAAA,IAAI,EAAEX,SAAS,CAACwB;AA5CU,CAA5B;AA8CA,eAAerB,UAAU,CAACC,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDpB,eAAlD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n return (\n <HvEmptyState\n id={id}\n title={title}\n message={message}\n icon={icon || <Alert />}\n className={className}\n classes={{\n root: classes.emptyStateRoot,\n container: classes.emptyStateContainer,\n iconContainer: classes.emptyStateIconContainer,\n titleContainer: classes.emptyStateTitleContainer,\n }}\n />\n );\n};\n\nEmptyStatePanel.propTypes = {\n /**\n * Id of the EmptyStatePanel\n */\n id: PropTypes.string.isRequired,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the panel.\n */\n emptyStateRoot: PropTypes.string,\n /**\n * Styles applied to the EmptyStatePanel container.\n */\n emptyStateContainer: PropTypes.string,\n\n /**\n * Styles applied to the empty state container icon.\n */\n emptyStateIconContainer: PropTypes.string,\n\n /**\n * Styles applied to the EmptyStatePanel title.\n */\n emptyStateTitleContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Title of the EmptyStatePanel\n */\n title: PropTypes.string.isRequired,\n /**\n * Message of the EmptyStatePanel\n */\n message: PropTypes.string.isRequired,\n /**\n * Empty Panel Icon\n */\n icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"file":"EmptyStatePanel.js"}
@@ -81,7 +81,7 @@ var Notification = function Notification(_ref) {
81
81
  }, rightContainer));
82
82
  };
83
83
 
84
- Notification.propTypes = {
84
+ process.env.NODE_ENV !== "production" ? Notification.propTypes = {
85
85
  /**
86
86
  * A Jss Object used to override or extend the component styles.
87
87
  */
@@ -196,7 +196,7 @@ Notification.propTypes = {
196
196
  * Denotes index of clicked notification
197
197
  */
198
198
  isHighlighted: PropTypes.bool
199
- };
199
+ } : void 0;
200
200
  export default withStyles(styles, {
201
201
  name: "HvNotificationPanelNotification"
202
202
  })(Notification);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/NotificationPanel/Notification/Notification.js"],"names":["React","PropTypes","clsx","dayjs","relativeTime","HvTypography","withTooltip","withStyles","styles","extend","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n const ComponentFunction = () => Component;\n // override thr withTooltip styles as we want to use the styles of the component\n return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n classes,\n className,\n notificationId,\n title,\n isRead,\n icon,\n date,\n onClick,\n onKeyPress,\n rightContainer,\n isHighlighted,\n}) => {\n const getTime = () => {\n if (!isRead) {\n return dayjs(date).fromNow();\n }\n\n const d = dayjs(date);\n let format = \"D MMMM YYYY, h:mm A\";\n\n if (d.isSame(Date.now(), \"week\")) {\n format = \"ddd, h:mm A\";\n }\n\n return d.format(format);\n };\n\n const NotificationWithTooltip = wrapperTooltip(\n <div className={classes.messageContainer}>\n <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n </div>,\n title\n );\n\n return (\n <div\n onClick={(event) => onClick(event, notificationId)}\n onKeyPress={(event) => onKeyPress(event, notificationId)}\n className={clsx(className, classes.root, {\n [classes.notificationWrapperDropdown]: isHighlighted,\n [classes.read]: isRead,\n })}\n role=\"button\"\n tabIndex={0}\n >\n <div\n className={clsx(classes.notificationWrapper, {\n [classes.notificationDropdownOpen]: isHighlighted,\n })}\n >\n <div className={classes.iconContainer}>{icon}</div>\n <div>\n <NotificationWithTooltip />\n <div className={classes.timeContainer}>\n <div\n className={clsx(classes.bullet, {\n [classes.hide]: isRead,\n })}\n />\n <div className={classes.time}>{getTime()}</div>\n </div>\n </div>\n </div>\n <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n </div>\n );\n};\n\nNotification.propTypes = {\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the accordion.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the notification wrapper.\n */\n notificationWrapper: PropTypes.string,\n\n /**\n * Styles applied to the notification wrapper when the actions dropdown is open.\n */\n notificationWrapperDropdown: PropTypes.string,\n\n /**\n * Styles applied to the notification icon container.\n */\n iconContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification message container.\n */\n messageContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification time container.\n */\n timeContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification bullet.\n */\n bullet: PropTypes.string,\n\n /**\n * Styles applied to the content when it is hidden.\n */\n hide: PropTypes.string,\n\n /**\n * Styles applied to the notification time indicator.\n */\n time: PropTypes.string,\n /**\n * Styles applied to the notification is read.\n */\n read: PropTypes.string,\n /**\n * Styles applied when the notification dropdown is open.\n */\n notificationDropdownOpen: PropTypes.string,\n\n /**\n * Styles applied to the notification message actions dropdown.\n */\n notificationActionWrapper: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Notification id\n */\n notificationId: PropTypes.string,\n /**\n * Title of the notification\n */\n title: PropTypes.string.isRequired,\n /**\n * 'true' if the notification has been read or 'false' if it has not been read\n */\n isRead: PropTypes.bool.isRequired,\n /**\n * date the notification was created\n */\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n /**\n * renderable icon that denotes the status of the notification\n */\n icon: PropTypes.element,\n /**\n * Click action applied to the notification\n */\n onClick: PropTypes.func,\n /**\n * On Key Press action applied to the notification\n */\n onKeyPress: PropTypes.func,\n /**\n * Actions to be executed by the notification, available in the dropdown menu\n */\n rightContainer: PropTypes.node,\n /**\n * Denotes index of clicked notification\n */\n isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"file":"Notification.js"}
1
+ {"version":3,"sources":["../../../../src/NotificationPanel/Notification/Notification.js"],"names":["React","PropTypes","clsx","dayjs","relativeTime","HvTypography","withTooltip","withStyles","styles","extend","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n const ComponentFunction = () => Component;\n // override thr withTooltip styles as we want to use the styles of the component\n return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n classes,\n className,\n notificationId,\n title,\n isRead,\n icon,\n date,\n onClick,\n onKeyPress,\n rightContainer,\n isHighlighted,\n}) => {\n const getTime = () => {\n if (!isRead) {\n return dayjs(date).fromNow();\n }\n\n const d = dayjs(date);\n let format = \"D MMMM YYYY, h:mm A\";\n\n if (d.isSame(Date.now(), \"week\")) {\n format = \"ddd, h:mm A\";\n }\n\n return d.format(format);\n };\n\n const NotificationWithTooltip = wrapperTooltip(\n <div className={classes.messageContainer}>\n <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n </div>,\n title\n );\n\n return (\n <div\n onClick={(event) => onClick(event, notificationId)}\n onKeyPress={(event) => onKeyPress(event, notificationId)}\n className={clsx(className, classes.root, {\n [classes.notificationWrapperDropdown]: isHighlighted,\n [classes.read]: isRead,\n })}\n role=\"button\"\n tabIndex={0}\n >\n <div\n className={clsx(classes.notificationWrapper, {\n [classes.notificationDropdownOpen]: isHighlighted,\n })}\n >\n <div className={classes.iconContainer}>{icon}</div>\n <div>\n <NotificationWithTooltip />\n <div className={classes.timeContainer}>\n <div\n className={clsx(classes.bullet, {\n [classes.hide]: isRead,\n })}\n />\n <div className={classes.time}>{getTime()}</div>\n </div>\n </div>\n </div>\n <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n </div>\n );\n};\n\nNotification.propTypes = {\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the accordion.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the notification wrapper.\n */\n notificationWrapper: PropTypes.string,\n\n /**\n * Styles applied to the notification wrapper when the actions dropdown is open.\n */\n notificationWrapperDropdown: PropTypes.string,\n\n /**\n * Styles applied to the notification icon container.\n */\n iconContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification message container.\n */\n messageContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification time container.\n */\n timeContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification bullet.\n */\n bullet: PropTypes.string,\n\n /**\n * Styles applied to the content when it is hidden.\n */\n hide: PropTypes.string,\n\n /**\n * Styles applied to the notification time indicator.\n */\n time: PropTypes.string,\n /**\n * Styles applied to the notification is read.\n */\n read: PropTypes.string,\n /**\n * Styles applied when the notification dropdown is open.\n */\n notificationDropdownOpen: PropTypes.string,\n\n /**\n * Styles applied to the notification message actions dropdown.\n */\n notificationActionWrapper: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Notification id\n */\n notificationId: PropTypes.string,\n /**\n * Title of the notification\n */\n title: PropTypes.string.isRequired,\n /**\n * 'true' if the notification has been read or 'false' if it has not been read\n */\n isRead: PropTypes.bool.isRequired,\n /**\n * date the notification was created\n */\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n /**\n * renderable icon that denotes the status of the notification\n */\n icon: PropTypes.element,\n /**\n * Click action applied to the notification\n */\n onClick: PropTypes.func,\n /**\n * On Key Press action applied to the notification\n */\n onKeyPress: PropTypes.func,\n /**\n * Actions to be executed by the notification, available in the dropdown menu\n */\n rightContainer: PropTypes.node,\n /**\n * Denotes index of clicked notification\n */\n isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"file":"Notification.js"}
@@ -229,7 +229,7 @@ var HvNotificationPanel = function HvNotificationPanel(_ref3) {
229
229
  }, footer));
230
230
  };
231
231
 
232
- HvNotificationPanel.propTypes = {
232
+ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
233
233
  /**
234
234
  * Id to be applied to the root node of the panel.
235
235
  */
@@ -367,7 +367,7 @@ HvNotificationPanel.propTypes = {
367
367
  * The locale to be used on the notification date, if undefined it will use the one from the HvProvider
368
368
  */
369
369
  locale: PropTypes.string
370
- };
370
+ } : void 0;
371
371
  export default withStyles(styles, {
372
372
  name: "HvNotificationPanel"
373
373
  })(HvNotificationPanel);