@patternfly/chatbot 2.2.0-prerelease.4 → 2.2.0-prerelease.41

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 (545) hide show
  1. package/dist/cjs/AttachmentEdit/AttachmentEdit.test.d.ts +1 -0
  2. package/dist/cjs/AttachmentEdit/AttachmentEdit.test.js +52 -0
  3. package/dist/cjs/Chatbot/Chatbot.d.ts +2 -1
  4. package/dist/cjs/Chatbot/Chatbot.js +1 -0
  5. package/dist/cjs/Chatbot/Chatbot.test.d.ts +1 -0
  6. package/dist/cjs/Chatbot/Chatbot.test.js +28 -0
  7. package/dist/cjs/ChatbotAlert/ChatbotAlert.test.d.ts +1 -0
  8. package/dist/cjs/ChatbotAlert/ChatbotAlert.test.js +27 -0
  9. package/dist/cjs/ChatbotContent/ChatbotContent.test.d.ts +1 -0
  10. package/dist/cjs/ChatbotContent/ChatbotContent.test.js +18 -0
  11. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.d.ts +3 -3
  12. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js +3 -1
  13. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +27 -4
  14. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +24 -12
  15. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js +99 -3
  16. package/dist/cjs/ChatbotConversationHistoryNav/EmptyState.d.ts +11 -0
  17. package/dist/cjs/ChatbotConversationHistoryNav/EmptyState.js +29 -0
  18. package/dist/cjs/ChatbotConversationHistoryNav/LoadingState.d.ts +4 -0
  19. package/dist/cjs/ChatbotConversationHistoryNav/LoadingState.js +45 -0
  20. package/dist/cjs/ChatbotFooter/ChatbotFooter.test.d.ts +1 -0
  21. package/dist/cjs/ChatbotFooter/ChatbotFooter.test.js +18 -0
  22. package/dist/cjs/ChatbotFooter/ChatbotFooternote.test.d.ts +1 -0
  23. package/dist/cjs/ChatbotFooter/ChatbotFooternote.test.js +87 -0
  24. package/dist/cjs/ChatbotFooter/ChatbotFootnote.d.ts +1 -1
  25. package/dist/cjs/ChatbotFooter/ChatbotFootnote.js +1 -1
  26. package/dist/cjs/ChatbotHeader/ChatbotHeader.test.d.ts +1 -0
  27. package/dist/cjs/ChatbotHeader/ChatbotHeader.test.js +18 -0
  28. package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.test.d.ts +1 -0
  29. package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.test.js +18 -0
  30. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.d.ts +17 -0
  31. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.js +16 -0
  32. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.test.d.ts +1 -0
  33. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.test.js +20 -0
  34. package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.test.d.ts +1 -0
  35. package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.test.js +18 -0
  36. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.d.ts +2 -0
  37. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js +4 -2
  38. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.test.d.ts +1 -0
  39. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.test.js +20 -0
  40. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +3 -1
  41. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts +1 -0
  42. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js +43 -0
  43. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +6 -4
  44. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts +1 -0
  45. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js +41 -0
  46. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.d.ts +3 -1
  47. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.js +4 -2
  48. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.test.d.ts +1 -0
  49. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.test.js +55 -0
  50. package/dist/cjs/ChatbotHeader/index.d.ts +1 -0
  51. package/dist/cjs/ChatbotHeader/index.js +1 -0
  52. package/dist/cjs/ChatbotToggle/ChatbotToggle.js +3 -1
  53. package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.js +19 -11
  54. package/dist/cjs/CodeModal/CodeModal.js +2 -12
  55. package/dist/cjs/Compare/Compare.d.ts +17 -0
  56. package/dist/cjs/Compare/Compare.js +50 -0
  57. package/dist/cjs/Compare/Compare.test.d.ts +1 -0
  58. package/dist/cjs/Compare/Compare.test.js +20 -0
  59. package/dist/cjs/Compare/index.d.ts +2 -0
  60. package/dist/cjs/Compare/index.js +23 -0
  61. package/dist/cjs/Message/ErrorMessage/ErrorMessage.d.ts +4 -0
  62. package/dist/cjs/Message/ErrorMessage/ErrorMessage.js +26 -0
  63. package/dist/cjs/Message/ImageMessage/ImageMessage.d.ts +4 -0
  64. package/dist/cjs/Message/ImageMessage/ImageMessage.js +25 -0
  65. package/dist/cjs/Message/LinkMessage/LinkMessage.d.ts +4 -0
  66. package/dist/cjs/Message/LinkMessage/LinkMessage.js +30 -0
  67. package/dist/cjs/Message/ListMessage/OrderedListMessage.d.ts +1 -1
  68. package/dist/cjs/Message/ListMessage/OrderedListMessage.js +2 -2
  69. package/dist/cjs/Message/Message.d.ts +51 -8
  70. package/dist/cjs/Message/Message.js +70 -18
  71. package/dist/cjs/Message/Message.test.js +296 -3
  72. package/dist/cjs/Message/QuickResponse/QuickResponse.d.ts +17 -0
  73. package/dist/cjs/Message/QuickResponse/QuickResponse.js +34 -0
  74. package/dist/cjs/Message/QuickStarts/FallbackImg.d.ts +13 -0
  75. package/dist/cjs/Message/QuickStarts/FallbackImg.js +34 -0
  76. package/dist/cjs/Message/QuickStarts/QuickStartTile.d.ts +27 -0
  77. package/dist/cjs/Message/QuickStarts/QuickStartTile.js +82 -0
  78. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.d.ts +23 -0
  79. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.js +64 -0
  80. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.test.d.ts +1 -0
  81. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.test.js +76 -0
  82. package/dist/cjs/Message/QuickStarts/QuickStartTileHeader.d.ts +11 -0
  83. package/dist/cjs/Message/QuickStarts/QuickStartTileHeader.js +30 -0
  84. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.d.ts +30 -0
  85. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.js +77 -0
  86. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart.d.ts +30 -0
  87. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart.js +77 -0
  88. package/dist/cjs/Message/QuickStarts/types.d.ts +132 -0
  89. package/dist/cjs/Message/QuickStarts/types.js +17 -0
  90. package/dist/cjs/Message/TableMessage/TableMessage.d.ts +20 -0
  91. package/dist/cjs/Message/TableMessage/TableMessage.js +67 -0
  92. package/dist/cjs/Message/TableMessage/TbodyMessage.d.ts +7 -0
  93. package/dist/cjs/Message/TableMessage/TbodyMessage.js +33 -0
  94. package/dist/cjs/Message/TableMessage/TdMessage.d.ts +5 -0
  95. package/dist/cjs/Message/TableMessage/TdMessage.js +26 -0
  96. package/dist/cjs/Message/TableMessage/ThMessage.d.ts +5 -0
  97. package/dist/cjs/Message/TableMessage/ThMessage.js +26 -0
  98. package/dist/cjs/Message/TableMessage/TheadMessage.d.ts +5 -0
  99. package/dist/cjs/Message/TableMessage/TheadMessage.js +26 -0
  100. package/dist/cjs/Message/TableMessage/TrMessage.d.ts +7 -0
  101. package/dist/cjs/Message/TableMessage/TrMessage.js +37 -0
  102. package/dist/cjs/Message/TextMessage/TextMessage.d.ts +2 -1
  103. package/dist/cjs/Message/TextMessage/TextMessage.js +2 -2
  104. package/dist/cjs/Message/UserFeedback/CloseButton.d.ts +10 -0
  105. package/dist/cjs/Message/UserFeedback/CloseButton.js +14 -0
  106. package/dist/cjs/Message/UserFeedback/UserFeedback.d.ts +39 -0
  107. package/dist/cjs/Message/UserFeedback/UserFeedback.js +54 -0
  108. package/dist/cjs/Message/UserFeedback/UserFeedback.test.d.ts +1 -0
  109. package/dist/cjs/Message/UserFeedback/UserFeedback.test.js +133 -0
  110. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.d.ts +42 -0
  111. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.js +117 -0
  112. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.test.d.ts +1 -0
  113. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.test.js +249 -0
  114. package/dist/cjs/MessageBar/AttachButton.js +4 -2
  115. package/dist/cjs/MessageBar/MessageBar.d.ts +11 -4
  116. package/dist/cjs/MessageBar/MessageBar.js +127 -46
  117. package/dist/cjs/MessageBar/MessageBar.test.js +12 -4
  118. package/dist/cjs/MessageBar/MicrophoneButton.d.ts +1 -1
  119. package/dist/cjs/MessageBar/SendButton.js +3 -1
  120. package/dist/cjs/MessageBar/StopButton.js +3 -1
  121. package/dist/cjs/MessageBox/MessageBox.test.d.ts +1 -0
  122. package/dist/cjs/MessageBox/MessageBox.test.js +22 -0
  123. package/dist/cjs/PreviewAttachment/PreviewAttachment.test.d.ts +1 -0
  124. package/dist/cjs/PreviewAttachment/PreviewAttachment.test.js +28 -0
  125. package/dist/cjs/ResponseActions/ResponseActionButton.d.ts +10 -1
  126. package/dist/cjs/ResponseActions/ResponseActionButton.js +28 -5
  127. package/dist/cjs/ResponseActions/ResponseActionButton.test.d.ts +1 -0
  128. package/dist/cjs/ResponseActions/ResponseActionButton.test.js +54 -0
  129. package/dist/cjs/ResponseActions/ResponseActions.d.ts +12 -2
  130. package/dist/cjs/ResponseActions/ResponseActions.js +26 -9
  131. package/dist/cjs/ResponseActions/ResponseActions.test.js +79 -5
  132. package/dist/cjs/Settings/SettingsForm.d.ts +13 -0
  133. package/dist/cjs/Settings/SettingsForm.js +27 -0
  134. package/dist/cjs/Settings/SettingsForm.test.d.ts +1 -0
  135. package/dist/cjs/Settings/SettingsForm.test.js +26 -0
  136. package/dist/cjs/Settings/index.d.ts +2 -0
  137. package/dist/cjs/Settings/index.js +23 -0
  138. package/dist/cjs/SourcesCard/SourcesCard.d.ts +1 -0
  139. package/dist/cjs/SourcesCard/SourcesCard.js +2 -1
  140. package/dist/cjs/SourcesCard/SourcesCard.test.js +0 -4
  141. package/dist/cjs/__mocks__/rehype-external-links.d.ts +2 -0
  142. package/dist/cjs/__mocks__/rehype-external-links.js +4 -0
  143. package/dist/cjs/__mocks__/rehype-sanitize.d.ts +2 -0
  144. package/dist/cjs/__mocks__/rehype-sanitize.js +4 -0
  145. package/dist/cjs/__mocks__/rehype-unwrap-images.d.ts +2 -0
  146. package/dist/cjs/__mocks__/rehype-unwrap-images.js +4 -0
  147. package/dist/cjs/index.d.ts +6 -0
  148. package/dist/cjs/index.js +10 -1
  149. package/dist/cjs/tracking/console_tracking_provider.d.ts +10 -0
  150. package/dist/cjs/tracking/console_tracking_provider.js +27 -0
  151. package/dist/cjs/tracking/index.d.ts +2 -0
  152. package/dist/cjs/tracking/index.js +23 -0
  153. package/dist/cjs/tracking/posthog_tracking_provider.d.ts +9 -0
  154. package/dist/cjs/tracking/posthog_tracking_provider.js +37 -0
  155. package/dist/cjs/tracking/segment_tracking_provider.d.ts +10 -0
  156. package/dist/cjs/tracking/segment_tracking_provider.js +50 -0
  157. package/dist/cjs/tracking/trackingProviderProxy.d.ts +9 -0
  158. package/dist/cjs/tracking/trackingProviderProxy.js +24 -0
  159. package/dist/cjs/tracking/tracking_api.d.ts +8 -0
  160. package/dist/cjs/tracking/tracking_api.js +2 -0
  161. package/dist/cjs/tracking/tracking_registry.d.ts +4 -0
  162. package/dist/cjs/tracking/tracking_registry.js +33 -0
  163. package/dist/cjs/tracking/tracking_spi.d.ts +9 -0
  164. package/dist/cjs/tracking/tracking_spi.js +2 -0
  165. package/dist/cjs/tracking/umami_tracking_provider.d.ts +14 -0
  166. package/dist/cjs/tracking/umami_tracking_provider.js +44 -0
  167. package/dist/css/main.css +486 -145
  168. package/dist/css/main.css.map +1 -1
  169. package/dist/dynamic/Compare/package.json +1 -0
  170. package/dist/dynamic/Settings/package.json +1 -0
  171. package/dist/dynamic/tracking/package.json +1 -0
  172. package/dist/esm/AttachmentEdit/AttachmentEdit.test.d.ts +1 -0
  173. package/dist/esm/AttachmentEdit/AttachmentEdit.test.js +47 -0
  174. package/dist/esm/Chatbot/Chatbot.d.ts +2 -1
  175. package/dist/esm/Chatbot/Chatbot.js +1 -0
  176. package/dist/esm/Chatbot/Chatbot.test.d.ts +1 -0
  177. package/dist/esm/Chatbot/Chatbot.test.js +23 -0
  178. package/dist/esm/ChatbotAlert/ChatbotAlert.test.d.ts +1 -0
  179. package/dist/esm/ChatbotAlert/ChatbotAlert.test.js +22 -0
  180. package/dist/esm/ChatbotContent/ChatbotContent.test.d.ts +1 -0
  181. package/dist/esm/ChatbotContent/ChatbotContent.test.js +13 -0
  182. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.d.ts +3 -3
  183. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js +3 -1
  184. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +27 -4
  185. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +24 -12
  186. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js +99 -3
  187. package/dist/esm/ChatbotConversationHistoryNav/EmptyState.d.ts +11 -0
  188. package/dist/esm/ChatbotConversationHistoryNav/EmptyState.js +22 -0
  189. package/dist/esm/ChatbotConversationHistoryNav/LoadingState.d.ts +4 -0
  190. package/dist/esm/ChatbotConversationHistoryNav/LoadingState.js +38 -0
  191. package/dist/esm/ChatbotFooter/ChatbotFooter.test.d.ts +1 -0
  192. package/dist/esm/ChatbotFooter/ChatbotFooter.test.js +13 -0
  193. package/dist/esm/ChatbotFooter/ChatbotFooternote.test.d.ts +1 -0
  194. package/dist/esm/ChatbotFooter/ChatbotFooternote.test.js +82 -0
  195. package/dist/esm/ChatbotFooter/ChatbotFootnote.d.ts +1 -1
  196. package/dist/esm/ChatbotFooter/ChatbotFootnote.js +1 -1
  197. package/dist/esm/ChatbotHeader/ChatbotHeader.test.d.ts +1 -0
  198. package/dist/esm/ChatbotHeader/ChatbotHeader.test.js +13 -0
  199. package/dist/esm/ChatbotHeader/ChatbotHeaderActions.test.d.ts +1 -0
  200. package/dist/esm/ChatbotHeader/ChatbotHeaderActions.test.js +13 -0
  201. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.d.ts +17 -0
  202. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.js +10 -0
  203. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.d.ts +1 -0
  204. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.js +15 -0
  205. package/dist/esm/ChatbotHeader/ChatbotHeaderMain.test.d.ts +1 -0
  206. package/dist/esm/ChatbotHeader/ChatbotHeaderMain.test.js +13 -0
  207. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.d.ts +2 -0
  208. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js +4 -2
  209. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.d.ts +1 -0
  210. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.js +15 -0
  211. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +3 -1
  212. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts +1 -0
  213. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js +38 -0
  214. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +6 -4
  215. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts +1 -0
  216. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js +36 -0
  217. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.d.ts +3 -1
  218. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.js +4 -2
  219. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.test.d.ts +1 -0
  220. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.test.js +50 -0
  221. package/dist/esm/ChatbotHeader/index.d.ts +1 -0
  222. package/dist/esm/ChatbotHeader/index.js +1 -0
  223. package/dist/esm/ChatbotToggle/ChatbotToggle.js +3 -1
  224. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.js +19 -11
  225. package/dist/esm/CodeModal/CodeModal.js +2 -12
  226. package/dist/esm/Compare/Compare.d.ts +17 -0
  227. package/dist/esm/Compare/Compare.js +43 -0
  228. package/dist/esm/Compare/Compare.test.d.ts +1 -0
  229. package/dist/esm/Compare/Compare.test.js +15 -0
  230. package/dist/esm/Compare/index.d.ts +2 -0
  231. package/dist/esm/Compare/index.js +2 -0
  232. package/dist/esm/Message/ErrorMessage/ErrorMessage.d.ts +4 -0
  233. package/dist/esm/Message/ErrorMessage/ErrorMessage.js +21 -0
  234. package/dist/esm/Message/ImageMessage/ImageMessage.d.ts +4 -0
  235. package/dist/esm/Message/ImageMessage/ImageMessage.js +20 -0
  236. package/dist/esm/Message/LinkMessage/LinkMessage.d.ts +4 -0
  237. package/dist/esm/Message/LinkMessage/LinkMessage.js +25 -0
  238. package/dist/esm/Message/ListMessage/OrderedListMessage.d.ts +1 -1
  239. package/dist/esm/Message/ListMessage/OrderedListMessage.js +2 -2
  240. package/dist/esm/Message/Message.d.ts +51 -8
  241. package/dist/esm/Message/Message.js +68 -16
  242. package/dist/esm/Message/Message.test.js +296 -3
  243. package/dist/esm/Message/QuickResponse/QuickResponse.d.ts +17 -0
  244. package/dist/esm/Message/QuickResponse/QuickResponse.js +27 -0
  245. package/dist/esm/Message/QuickStarts/FallbackImg.d.ts +13 -0
  246. package/dist/esm/Message/QuickStarts/FallbackImg.js +9 -0
  247. package/dist/esm/Message/QuickStarts/QuickStartTile.d.ts +27 -0
  248. package/dist/esm/Message/QuickStarts/QuickStartTile.js +52 -0
  249. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.d.ts +23 -0
  250. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.js +35 -0
  251. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.test.d.ts +1 -0
  252. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.test.js +48 -0
  253. package/dist/esm/Message/QuickStarts/QuickStartTileHeader.d.ts +11 -0
  254. package/dist/esm/Message/QuickStarts/QuickStartTileHeader.js +5 -0
  255. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.d.ts +30 -0
  256. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.js +74 -0
  257. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart.d.ts +30 -0
  258. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart.js +74 -0
  259. package/dist/esm/Message/QuickStarts/types.d.ts +132 -0
  260. package/dist/esm/Message/QuickStarts/types.js +14 -0
  261. package/dist/esm/Message/TableMessage/TableMessage.d.ts +20 -0
  262. package/dist/esm/Message/TableMessage/TableMessage.js +62 -0
  263. package/dist/esm/Message/TableMessage/TbodyMessage.d.ts +7 -0
  264. package/dist/esm/Message/TableMessage/TbodyMessage.js +28 -0
  265. package/dist/esm/Message/TableMessage/TdMessage.d.ts +5 -0
  266. package/dist/esm/Message/TableMessage/TdMessage.js +21 -0
  267. package/dist/esm/Message/TableMessage/ThMessage.d.ts +5 -0
  268. package/dist/esm/Message/TableMessage/ThMessage.js +21 -0
  269. package/dist/esm/Message/TableMessage/TheadMessage.d.ts +5 -0
  270. package/dist/esm/Message/TableMessage/TheadMessage.js +21 -0
  271. package/dist/esm/Message/TableMessage/TrMessage.d.ts +7 -0
  272. package/dist/esm/Message/TableMessage/TrMessage.js +32 -0
  273. package/dist/esm/Message/TextMessage/TextMessage.d.ts +2 -1
  274. package/dist/esm/Message/TextMessage/TextMessage.js +3 -3
  275. package/dist/esm/Message/UserFeedback/CloseButton.d.ts +10 -0
  276. package/dist/esm/Message/UserFeedback/CloseButton.js +9 -0
  277. package/dist/esm/Message/UserFeedback/UserFeedback.d.ts +39 -0
  278. package/dist/esm/Message/UserFeedback/UserFeedback.js +49 -0
  279. package/dist/esm/Message/UserFeedback/UserFeedback.test.d.ts +1 -0
  280. package/dist/esm/Message/UserFeedback/UserFeedback.test.js +128 -0
  281. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.d.ts +42 -0
  282. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.js +112 -0
  283. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.test.d.ts +1 -0
  284. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.test.js +244 -0
  285. package/dist/esm/MessageBar/AttachButton.js +4 -2
  286. package/dist/esm/MessageBar/MessageBar.d.ts +11 -4
  287. package/dist/esm/MessageBar/MessageBar.js +127 -46
  288. package/dist/esm/MessageBar/MessageBar.test.js +12 -4
  289. package/dist/esm/MessageBar/MicrophoneButton.d.ts +1 -1
  290. package/dist/esm/MessageBar/SendButton.js +3 -1
  291. package/dist/esm/MessageBar/StopButton.js +3 -1
  292. package/dist/esm/MessageBox/MessageBox.test.d.ts +1 -0
  293. package/dist/esm/MessageBox/MessageBox.test.js +17 -0
  294. package/dist/esm/PreviewAttachment/PreviewAttachment.test.d.ts +1 -0
  295. package/dist/esm/PreviewAttachment/PreviewAttachment.test.js +23 -0
  296. package/dist/esm/ResponseActions/ResponseActionButton.d.ts +10 -1
  297. package/dist/esm/ResponseActions/ResponseActionButton.js +25 -2
  298. package/dist/esm/ResponseActions/ResponseActionButton.test.d.ts +1 -0
  299. package/dist/esm/ResponseActions/ResponseActionButton.test.js +49 -0
  300. package/dist/esm/ResponseActions/ResponseActions.d.ts +12 -2
  301. package/dist/esm/ResponseActions/ResponseActions.js +26 -9
  302. package/dist/esm/ResponseActions/ResponseActions.test.js +79 -5
  303. package/dist/esm/Settings/SettingsForm.d.ts +13 -0
  304. package/dist/esm/Settings/SettingsForm.js +20 -0
  305. package/dist/esm/Settings/SettingsForm.test.d.ts +1 -0
  306. package/dist/esm/Settings/SettingsForm.test.js +21 -0
  307. package/dist/esm/Settings/index.d.ts +2 -0
  308. package/dist/esm/Settings/index.js +2 -0
  309. package/dist/esm/SourcesCard/SourcesCard.d.ts +1 -0
  310. package/dist/esm/SourcesCard/SourcesCard.js +2 -1
  311. package/dist/esm/SourcesCard/SourcesCard.test.js +0 -4
  312. package/dist/esm/__mocks__/rehype-external-links.d.ts +2 -0
  313. package/dist/esm/__mocks__/rehype-external-links.js +2 -0
  314. package/dist/esm/__mocks__/rehype-sanitize.d.ts +2 -0
  315. package/dist/esm/__mocks__/rehype-sanitize.js +2 -0
  316. package/dist/esm/__mocks__/rehype-unwrap-images.d.ts +2 -0
  317. package/dist/esm/__mocks__/rehype-unwrap-images.js +2 -0
  318. package/dist/esm/index.d.ts +6 -0
  319. package/dist/esm/index.js +6 -0
  320. package/dist/esm/tracking/console_tracking_provider.d.ts +10 -0
  321. package/dist/esm/tracking/console_tracking_provider.js +23 -0
  322. package/dist/esm/tracking/index.d.ts +2 -0
  323. package/dist/esm/tracking/index.js +2 -0
  324. package/dist/esm/tracking/posthog_tracking_provider.d.ts +9 -0
  325. package/dist/esm/tracking/posthog_tracking_provider.js +33 -0
  326. package/dist/esm/tracking/segment_tracking_provider.d.ts +10 -0
  327. package/dist/esm/tracking/segment_tracking_provider.js +46 -0
  328. package/dist/esm/tracking/trackingProviderProxy.d.ts +9 -0
  329. package/dist/esm/tracking/trackingProviderProxy.js +22 -0
  330. package/dist/esm/tracking/tracking_api.d.ts +8 -0
  331. package/dist/esm/tracking/tracking_api.js +1 -0
  332. package/dist/esm/tracking/tracking_registry.d.ts +4 -0
  333. package/dist/esm/tracking/tracking_registry.js +26 -0
  334. package/dist/esm/tracking/tracking_spi.d.ts +9 -0
  335. package/dist/esm/tracking/tracking_spi.js +1 -0
  336. package/dist/esm/tracking/umami_tracking_provider.d.ts +14 -0
  337. package/dist/esm/tracking/umami_tracking_provider.js +40 -0
  338. package/dist/tsconfig.tsbuildinfo +1 -1
  339. package/package.json +12 -13
  340. package/patternfly-docs/content/extensions/chatbot/about-chatbot.md +8 -2
  341. package/patternfly-docs/content/extensions/chatbot/design-guidelines.md +192 -15
  342. package/patternfly-docs/content/extensions/chatbot/examples/Analytics/Analytics.md +219 -0
  343. package/patternfly-docs/content/extensions/chatbot/examples/Messages/AttachmentError.tsx +2 -2
  344. package/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx +214 -12
  345. package/patternfly-docs/content/extensions/chatbot/examples/Messages/FileDropZone.tsx +2 -1
  346. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithAttachment.tsx +2 -2
  347. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithCustomResponseActions.tsx +5 -1
  348. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedback.tsx +71 -0
  349. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedbackTimeout.tsx +27 -0
  350. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickResponses.tsx +11 -1
  351. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickStart.tsx +31 -0
  352. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithResponseActions.tsx +1 -1
  353. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithSources.tsx +18 -10
  354. package/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md +76 -11
  355. package/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx +244 -14
  356. package/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx +54 -0
  357. package/patternfly-docs/content/extensions/chatbot/examples/Messages/explore-pipeline-quickstart.ts +65 -0
  358. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFooter.tsx +1 -1
  359. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFootnote.tsx +5 -5
  360. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderBasic.tsx +1 -1
  361. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawer.tsx +36 -3
  362. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerNavigation.tsx +67 -0
  363. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerResizable.tsx +94 -0
  364. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx +1 -1
  365. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotWelcomeInteraction.tsx +1 -1
  366. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotWelcomePrompt.tsx +7 -7
  367. package/patternfly-docs/content/extensions/chatbot/examples/UI/Settings.tsx +289 -0
  368. package/patternfly-docs/content/extensions/chatbot/examples/UI/SquareChatbotToggle.tsx +1 -1
  369. package/patternfly-docs/content/extensions/chatbot/examples/UI/UI.md +35 -6
  370. package/patternfly-docs/content/extensions/chatbot/examples/demos/AttachmentDemos.md +14 -0
  371. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md +41 -3
  372. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.tsx +48 -35
  373. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachment.tsx +21 -20
  374. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx +3 -3
  375. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotInDrawer.tsx +453 -0
  376. package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx +11 -11
  377. package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx +206 -0
  378. package/patternfly-docs/content/extensions/chatbot/examples/demos/Feedback.tsx +104 -0
  379. package/patternfly-docs/content/extensions/chatbot/img/ai-action-inpage.svg +85 -0
  380. package/patternfly-docs/content/extensions/chatbot/img/ai-action-message.svg +63 -0
  381. package/patternfly-docs/content/extensions/chatbot/img/analytics-example.svg +127 -0
  382. package/patternfly-docs/content/extensions/chatbot/img/attached-file.svg +24 -29
  383. package/patternfly-docs/content/extensions/chatbot/img/attachment-menu.svg +4 -4
  384. package/patternfly-docs/content/extensions/chatbot/img/attachment-unsent.svg +30 -58
  385. package/patternfly-docs/content/extensions/chatbot/img/chatbot-analytics.svg +51 -0
  386. package/patternfly-docs/content/extensions/chatbot/img/chatbot-elements.svg +11 -12
  387. package/patternfly-docs/content/extensions/chatbot/img/chatbot-quickstarts-tile.svg +58 -0
  388. package/patternfly-docs/content/extensions/chatbot/img/chatbot-settings.svg +83 -0
  389. package/patternfly-docs/content/extensions/chatbot/img/comparison.svg +45 -0
  390. package/patternfly-docs/content/extensions/chatbot/img/conversation-history.svg +6 -29
  391. package/patternfly-docs/content/extensions/chatbot/img/docked.svg +259 -241
  392. package/patternfly-docs/content/extensions/chatbot/img/drawer.svg +255 -0
  393. package/patternfly-docs/content/extensions/chatbot/img/error-state.svg +30 -0
  394. package/patternfly-docs/content/extensions/chatbot/img/feedback-form.svg +88 -0
  395. package/patternfly-docs/content/extensions/chatbot/img/footnote.svg +1 -1
  396. package/patternfly-docs/content/extensions/chatbot/img/fullscreen.svg +25 -16
  397. package/patternfly-docs/content/extensions/chatbot/img/listening-pulse.svg +22 -0
  398. package/patternfly-docs/content/extensions/chatbot/img/listening.svg +1 -1
  399. package/patternfly-docs/content/extensions/chatbot/img/loading-state.svg +28 -0
  400. package/patternfly-docs/content/extensions/chatbot/img/masthead-toggle-notification.svg +49 -0
  401. package/patternfly-docs/content/extensions/chatbot/img/masthead-toggle.svg +75 -0
  402. package/patternfly-docs/content/extensions/chatbot/img/message-bar-elements.svg +3 -3
  403. package/patternfly-docs/content/extensions/chatbot/img/message-elements.svg +84 -142
  404. package/patternfly-docs/content/extensions/chatbot/img/message-feedback.svg +52 -0
  405. package/patternfly-docs/content/extensions/chatbot/img/message-responses.svg +54 -0
  406. package/patternfly-docs/content/extensions/chatbot/img/new-chat-emptystate.svg +27 -0
  407. package/patternfly-docs/content/extensions/chatbot/img/no-results-emptystate.svg +27 -0
  408. package/patternfly-docs/content/extensions/chatbot/img/overlay.svg +54 -39
  409. package/patternfly-docs/content/extensions/chatbot/img/posthog.svg +30 -0
  410. package/patternfly-docs/content/extensions/chatbot/img/segment.svg +36 -0
  411. package/patternfly-docs/content/extensions/chatbot/img/settings-menu.svg +122 -0
  412. package/patternfly-docs/content/extensions/chatbot/img/source-tile.svg +62 -0
  413. package/patternfly-docs/content/extensions/chatbot/img/thank-you-card.svg +81 -0
  414. package/patternfly-docs/content/extensions/chatbot/img/toggle-customizations.svg +12 -0
  415. package/patternfly-docs/content/extensions/chatbot/img/toggle-tooltips.svg +38 -0
  416. package/patternfly-docs/content/extensions/chatbot/img/umami.svg +30 -0
  417. package/patternfly-docs/content/extensions/chatbot/img/welcome-elements.svg +82 -0
  418. package/patternfly-docs/content/extensions/chatbot/img/welcome-message.svg +94 -0
  419. package/src/AttachMenu/AttachMenu.scss +1 -1
  420. package/src/AttachmentEdit/AttachmentEdit.test.tsx +55 -0
  421. package/src/Chatbot/Chatbot.scss +20 -1
  422. package/src/Chatbot/Chatbot.test.tsx +31 -0
  423. package/src/Chatbot/Chatbot.tsx +2 -1
  424. package/src/ChatbotAlert/ChatbotAlert.test.tsx +31 -0
  425. package/src/ChatbotContent/ChatbotContent.scss +1 -0
  426. package/src/ChatbotContent/ChatbotContent.test.tsx +15 -0
  427. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx +10 -4
  428. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +24 -1
  429. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx +242 -3
  430. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +94 -26
  431. package/src/ChatbotConversationHistoryNav/EmptyState.tsx +44 -0
  432. package/src/ChatbotConversationHistoryNav/LoadingState.tsx +38 -0
  433. package/src/ChatbotFooter/ChatbotFooter.scss +8 -4
  434. package/src/ChatbotFooter/ChatbotFooter.test.tsx +15 -0
  435. package/src/ChatbotFooter/ChatbotFooternote.test.tsx +84 -0
  436. package/src/ChatbotFooter/ChatbotFootnote.tsx +2 -2
  437. package/src/ChatbotHeader/ChatbotHeader.scss +5 -6
  438. package/src/ChatbotHeader/ChatbotHeader.test.tsx +15 -0
  439. package/src/ChatbotHeader/ChatbotHeaderActions.test.tsx +17 -0
  440. package/src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx +20 -0
  441. package/src/ChatbotHeader/ChatbotHeaderCloseButton.tsx +57 -0
  442. package/src/ChatbotHeader/ChatbotHeaderMain.test.tsx +17 -0
  443. package/src/ChatbotHeader/ChatbotHeaderMenu.test.tsx +19 -0
  444. package/src/ChatbotHeader/ChatbotHeaderMenu.tsx +11 -2
  445. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx +45 -0
  446. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +8 -1
  447. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx +43 -0
  448. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx +11 -4
  449. package/src/ChatbotHeader/ChatbotHeaderTitle.test.tsx +75 -0
  450. package/src/ChatbotHeader/ChatbotHeaderTitle.tsx +7 -2
  451. package/src/ChatbotHeader/index.ts +1 -0
  452. package/src/ChatbotModal/ChatbotModal.scss +12 -12
  453. package/src/ChatbotToggle/ChatbotToggle.tsx +6 -1
  454. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss +2 -0
  455. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx +26 -18
  456. package/src/ChatbotWelcomePrompt/__snapshots__/ChatbotWelcomePrompt.test.tsx.snap +2 -2
  457. package/src/CodeModal/CodeModal.scss +14 -3
  458. package/src/CodeModal/CodeModal.tsx +2 -13
  459. package/src/Compare/Compare.scss +72 -0
  460. package/src/Compare/Compare.test.tsx +31 -0
  461. package/src/Compare/Compare.tsx +98 -0
  462. package/src/Compare/index.ts +2 -0
  463. package/src/FileDetails/FileDetails.scss +1 -1
  464. package/src/FileDetailsLabel/FileDetailsLabel.scss +2 -2
  465. package/src/FileDropZone/__snapshots__/FileDropZone.test.tsx.snap +2 -1
  466. package/src/Message/CodeBlockMessage/CodeBlockMessage.scss +4 -4
  467. package/src/Message/ErrorMessage/ErrorMessage.tsx +14 -0
  468. package/src/Message/ImageMessage/ImageMessage.scss +9 -0
  469. package/src/Message/ImageMessage/ImageMessage.tsx +14 -0
  470. package/src/Message/LinkMessage/LinkMessage.tsx +34 -0
  471. package/src/Message/ListMessage/ListMessage.scss +6 -6
  472. package/src/Message/ListMessage/OrderedListMessage.tsx +2 -2
  473. package/src/Message/Message.scss +4 -26
  474. package/src/Message/Message.test.tsx +403 -3
  475. package/src/Message/Message.tsx +161 -31
  476. package/src/Message/MessageLoading.scss +2 -2
  477. package/src/Message/QuickResponse/QuickResponse.scss +33 -0
  478. package/src/Message/QuickResponse/QuickResponse.tsx +54 -0
  479. package/src/Message/QuickStarts/FallbackImg.tsx +24 -0
  480. package/src/Message/QuickStarts/QuickStartTile.scss +24 -0
  481. package/src/Message/QuickStarts/QuickStartTile.tsx +147 -0
  482. package/src/Message/QuickStarts/QuickStartTileDescription.test.tsx +57 -0
  483. package/src/Message/QuickStarts/QuickStartTileDescription.tsx +81 -0
  484. package/src/Message/QuickStarts/QuickStartTileHeader.tsx +21 -0
  485. package/src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts +75 -0
  486. package/src/Message/QuickStarts/monitor-sampleapp-quickstart.ts +75 -0
  487. package/src/Message/QuickStarts/types.ts +154 -0
  488. package/src/Message/TableMessage/TableMessage.scss +23 -0
  489. package/src/Message/TableMessage/TableMessage.tsx +83 -0
  490. package/src/Message/TableMessage/TbodyMessage.tsx +20 -0
  491. package/src/Message/TableMessage/TdMessage.tsx +11 -0
  492. package/src/Message/TableMessage/ThMessage.tsx +11 -0
  493. package/src/Message/TableMessage/TheadMessage.tsx +11 -0
  494. package/src/Message/TableMessage/TrMessage.tsx +27 -0
  495. package/src/Message/TextMessage/TextMessage.scss +21 -12
  496. package/src/Message/TextMessage/TextMessage.tsx +3 -3
  497. package/src/Message/UserFeedback/CloseButton.tsx +21 -0
  498. package/src/Message/UserFeedback/UserFeedback.scss +53 -0
  499. package/src/Message/UserFeedback/UserFeedback.test.tsx +236 -0
  500. package/src/Message/UserFeedback/UserFeedback.tsx +128 -0
  501. package/src/Message/UserFeedback/UserFeedbackComplete.test.tsx +255 -0
  502. package/src/Message/UserFeedback/UserFeedbackComplete.tsx +211 -0
  503. package/src/MessageBar/AttachButton.scss +19 -3
  504. package/src/MessageBar/AttachButton.tsx +3 -1
  505. package/src/MessageBar/MessageBar.scss +58 -24
  506. package/src/MessageBar/MessageBar.test.tsx +12 -4
  507. package/src/MessageBar/MessageBar.tsx +164 -65
  508. package/src/MessageBar/MicrophoneButton.scss +8 -8
  509. package/src/MessageBar/MicrophoneButton.tsx +1 -1
  510. package/src/MessageBar/SendButton.tsx +2 -0
  511. package/src/MessageBar/StopButton.scss +17 -3
  512. package/src/MessageBar/StopButton.tsx +2 -0
  513. package/src/MessageBox/JumpButton.scss +6 -6
  514. package/src/MessageBox/MessageBox.scss +1 -0
  515. package/src/MessageBox/MessageBox.test.tsx +26 -0
  516. package/src/PreviewAttachment/PreviewAttachment.test.tsx +51 -0
  517. package/src/ResponseActions/ResponseActionButton.test.tsx +52 -0
  518. package/src/ResponseActions/ResponseActionButton.tsx +59 -28
  519. package/src/ResponseActions/ResponseActions.scss +11 -9
  520. package/src/ResponseActions/ResponseActions.test.tsx +105 -5
  521. package/src/ResponseActions/ResponseActions.tsx +80 -9
  522. package/src/Settings/Settings.scss +34 -0
  523. package/src/Settings/SettingsForm.test.tsx +28 -0
  524. package/src/Settings/SettingsForm.tsx +25 -0
  525. package/src/Settings/index.ts +3 -0
  526. package/src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss +2 -2
  527. package/src/SourcesCard/SourcesCard.scss +9 -3
  528. package/src/SourcesCard/SourcesCard.test.tsx +0 -5
  529. package/src/SourcesCard/SourcesCard.tsx +14 -2
  530. package/src/TermsOfUse/TermsOfUse.scss +1 -1
  531. package/src/__mocks__/rehype-external-links.ts +3 -0
  532. package/src/__mocks__/rehype-sanitize.ts +3 -0
  533. package/src/__mocks__/rehype-unwrap-images.tsx +3 -0
  534. package/src/index.ts +9 -0
  535. package/src/main.scss +7 -6
  536. package/src/tracking/console_tracking_provider.ts +30 -0
  537. package/src/tracking/index.ts +3 -0
  538. package/src/tracking/posthog_tracking_provider.ts +42 -0
  539. package/src/tracking/segment_tracking_provider.ts +62 -0
  540. package/src/tracking/trackingProviderProxy.ts +28 -0
  541. package/src/tracking/tracking_api.ts +11 -0
  542. package/src/tracking/tracking_registry.ts +33 -0
  543. package/src/tracking/tracking_spi.ts +14 -0
  544. package/src/tracking/umami_tracking_provider.ts +54 -0
  545. package/src/SourcesCard/__snapshots__/SourcesCard.test.tsx.snap +0 -34
@@ -24,8 +24,10 @@ const AttachButtonBase = (_a) => {
24
24
  onDropAccepted: onAttachAccepted
25
25
  });
26
26
  return (React.createElement(React.Fragment, null,
27
- React.createElement("input", Object.assign({ "data-testid": inputTestId }, getInputProps())),
28
- React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--attach", content: tooltipContent, position: "top", entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0 }, tooltipProps),
27
+ React.createElement("input", Object.assign({ "data-testid": inputTestId }, getInputProps(), { hidden: true })),
28
+ React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--attach", content: tooltipContent, position: "top", entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0,
29
+ // prevents VO announcements of both aria label and tooltip
30
+ aria: "none" }, tooltipProps),
29
31
  React.createElement(Button, Object.assign({ variant: "plain", ref: innerRef, className: `pf-chatbot__button--attach ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Attach button', isDisabled: isDisabled, onClick: onClick !== null && onClick !== void 0 ? onClick : open, icon: React.createElement(Icon, { iconSize: "xl", isInline: true },
30
32
  React.createElement(PaperclipIcon, null)) }, props)))));
31
33
  };
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
- import { ButtonProps, DropEvent } from '@patternfly/react-core';
2
+ import { ButtonProps, DropEvent, TextAreaProps, TooltipProps } from '@patternfly/react-core';
3
+ import { ChatbotDisplayMode } from '../Chatbot';
3
4
  export interface MessageBarWithAttachMenuProps {
4
5
  /** Flag to enable whether attach menu is open */
5
6
  isAttachMenuOpen: boolean;
@@ -20,9 +21,9 @@ export interface MessageBarWithAttachMenuProps {
20
21
  /** Callback to change the open state of the menu. Triggered by clicking outside of the menu. */
21
22
  onAttachMenuOpenChange?: (isOpen: boolean) => void;
22
23
  }
23
- export interface MessageBarProps {
24
+ export interface MessageBarProps extends TextAreaProps {
24
25
  /** Callback to get the value of input message by user */
25
- onSendMessage: (message: string) => void;
26
+ onSendMessage: (message: string | number) => void;
26
27
  /** Class Name for the MessageBar component */
27
28
  className?: string;
28
29
  /** Flag to always to show the send button. By default send button is shown when there is a message in the input field */
@@ -47,14 +48,17 @@ export interface MessageBarProps {
47
48
  tooltipContent?: string;
48
49
  props?: ButtonProps;
49
50
  inputTestId?: string;
51
+ tooltipProps?: Omit<TooltipProps, 'content'>;
50
52
  };
51
53
  stop?: {
52
54
  tooltipContent?: string;
53
55
  props?: ButtonProps;
56
+ tooltipProps?: Omit<TooltipProps, 'content'>;
54
57
  };
55
58
  send?: {
56
59
  tooltipContent?: string;
57
60
  props?: ButtonProps;
61
+ tooltipProps?: Omit<TooltipProps, 'content'>;
58
62
  };
59
63
  microphone?: {
60
64
  tooltipContent?: {
@@ -63,10 +67,13 @@ export interface MessageBarProps {
63
67
  };
64
68
  language?: string;
65
69
  props?: ButtonProps;
70
+ tooltipProps?: Omit<TooltipProps, 'content'>;
66
71
  };
67
72
  };
68
73
  /** A callback for when the text area value changes. */
69
- onChange?: (event: React.ChangeEvent<HTMLDivElement>, value: string) => void;
74
+ onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>, value: string | number) => void;
75
+ /** Display mode of chatbot, if you want to message bar to resize when the display mode changes */
76
+ displayMode?: ChatbotDisplayMode;
70
77
  }
71
78
  export declare const MessageBar: React.FunctionComponent<MessageBarProps>;
72
79
  export default MessageBar;
@@ -10,74 +10,161 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React from 'react';
13
+ import { TextArea } from '@patternfly/react-core';
13
14
  // Import Chatbot components
14
15
  import SendButton from './SendButton';
15
16
  import MicrophoneButton from './MicrophoneButton';
16
17
  import { AttachButton } from './AttachButton';
17
18
  import AttachMenu from '../AttachMenu';
18
19
  import StopButton from './StopButton';
19
- import DOMPurify from 'dompurify';
20
20
  export const MessageBar = (_a) => {
21
- var { onSendMessage, className, alwayShowSendButton, hasAttachButton = true, hasMicrophoneButton, handleAttach, attachMenuProps, isSendButtonDisabled, handleStopButton, hasStopButton, buttonProps, onChange } = _a, props = __rest(_a, ["onSendMessage", "className", "alwayShowSendButton", "hasAttachButton", "hasMicrophoneButton", "handleAttach", "attachMenuProps", "isSendButtonDisabled", "handleStopButton", "hasStopButton", "buttonProps", "onChange"]);
21
+ var { onSendMessage, className, alwayShowSendButton, hasAttachButton = true, hasMicrophoneButton, handleAttach, attachMenuProps, isSendButtonDisabled, handleStopButton, hasStopButton, buttonProps, onChange, displayMode, value } = _a, props = __rest(_a, ["onSendMessage", "className", "alwayShowSendButton", "hasAttachButton", "hasMicrophoneButton", "handleAttach", "attachMenuProps", "isSendButtonDisabled", "handleStopButton", "hasStopButton", "buttonProps", "onChange", "displayMode", "value"]);
22
22
  // Text Input
23
23
  // --------------------------------------------------------------------------
24
- const [message, setMessage] = React.useState('');
24
+ const [message, setMessage] = React.useState(value !== null && value !== void 0 ? value : '');
25
25
  const [isListeningMessage, setIsListeningMessage] = React.useState(false);
26
- const [showPlaceholder, setShowPlaceholder] = React.useState(true);
26
+ const [hasSentMessage, setHasSentMessage] = React.useState(false);
27
27
  const textareaRef = React.useRef(null);
28
28
  const attachButtonRef = React.useRef(null);
29
- const handleInput = (event) => {
30
- // newMessage === '' doesn't work unless we trim, which causes other problems
31
- // textContent seems to work, but doesn't allow for markdown, so we need both
32
- const messageText = DOMPurify.sanitize(event.target.textContent);
33
- if (messageText === '') {
34
- setShowPlaceholder(true);
35
- setMessage('');
36
- onChange && onChange(event, '');
29
+ const setInitialLineHeight = (field) => {
30
+ field.style.setProperty('line-height', '1rem');
31
+ const parent = field.parentElement;
32
+ if (parent) {
33
+ parent.style.setProperty('margin-top', `1rem`);
34
+ parent.style.setProperty('margin-bottom', `0rem`);
35
+ parent.style.setProperty('height', 'inherit');
36
+ const grandparent = parent.parentElement;
37
+ if (grandparent) {
38
+ grandparent.style.setProperty('flex-basis', 'auto');
39
+ }
37
40
  }
38
- else {
39
- setShowPlaceholder(false);
40
- // this is so that tests work; RTL doesn't seem to like event.target.innerText, but browsers don't pick up markdown without it
41
- let newMessage = messageText;
42
- if (event.target.innerText) {
43
- newMessage = DOMPurify.sanitize(event.target.innerText);
41
+ };
42
+ const setAutoHeight = (field) => {
43
+ const parent = field.parentElement;
44
+ if (parent) {
45
+ parent.style.setProperty('height', 'inherit');
46
+ const computed = window.getComputedStyle(field);
47
+ // Calculate the height
48
+ const height = parseInt(computed.getPropertyValue('border-top-width')) +
49
+ parseInt(computed.getPropertyValue('padding-top')) +
50
+ field.scrollHeight +
51
+ parseInt(computed.getPropertyValue('padding-bottom')) +
52
+ parseInt(computed.getPropertyValue('border-bottom-width'));
53
+ parent.style.setProperty('height', `${height}px`);
54
+ if (height > 32 || window.innerWidth <= 507) {
55
+ parent.style.setProperty('margin-bottom', `1rem`);
56
+ parent.style.setProperty('margin-top', `1rem`);
44
57
  }
45
- setMessage(newMessage);
46
- onChange && onChange(event, newMessage);
47
58
  }
48
59
  };
49
- // Handle sending message
50
- const handleSend = React.useCallback(() => {
51
- setMessage((m) => {
52
- onSendMessage(m);
53
- setMessage('');
54
- if (textareaRef.current) {
55
- textareaRef.current.innerText = '';
56
- setShowPlaceholder(true);
57
- textareaRef.current.blur();
60
+ const textIsLongerThan2Lines = (field) => {
61
+ const lineHeight = parseFloat(window.getComputedStyle(field).lineHeight);
62
+ const lines = field.scrollHeight / lineHeight;
63
+ return lines > 2;
64
+ };
65
+ const setAutoWidth = React.useCallback((field) => {
66
+ const parent = field.parentElement;
67
+ if (parent) {
68
+ const grandparent = parent.parentElement;
69
+ if (textIsLongerThan2Lines(field) && grandparent) {
70
+ grandparent.style.setProperty('flex-basis', `100%`);
71
+ }
72
+ }
73
+ }, []);
74
+ const handleNewLine = (field) => {
75
+ const parent = field.parentElement;
76
+ if (parent) {
77
+ parent.style.setProperty('margin-bottom', `1rem`);
78
+ parent.style.setProperty('margin-top', `1rem`);
79
+ }
80
+ };
81
+ React.useEffect(() => {
82
+ const field = textareaRef.current;
83
+ if (field) {
84
+ if (field.value === '') {
85
+ if (window.innerWidth > 507) {
86
+ setInitialLineHeight(field);
87
+ }
88
+ }
89
+ else {
90
+ setAutoHeight(field);
91
+ setAutoWidth(field);
92
+ }
93
+ }
94
+ const resetHeight = () => {
95
+ if (field) {
96
+ if (field.value === '') {
97
+ if (window.innerWidth > 507) {
98
+ setInitialLineHeight(field);
99
+ }
100
+ }
101
+ else {
102
+ setAutoHeight(field);
103
+ setAutoWidth(field);
104
+ }
58
105
  }
59
- return '';
60
- });
106
+ };
107
+ window.addEventListener('resize', resetHeight);
108
+ return () => {
109
+ window.removeEventListener('resize', resetHeight);
110
+ };
111
+ }, [setAutoWidth]);
112
+ React.useEffect(() => {
113
+ const field = textareaRef.current;
114
+ if (field) {
115
+ if (field.value === '') {
116
+ setInitialLineHeight(textareaRef.current);
117
+ }
118
+ else {
119
+ setAutoHeight(textareaRef.current);
120
+ setAutoWidth(field);
121
+ }
122
+ }
123
+ }, [displayMode, message, setAutoWidth]);
124
+ React.useEffect(() => {
125
+ const field = textareaRef.current;
126
+ if (field) {
127
+ setInitialLineHeight(field);
128
+ setHasSentMessage(false);
129
+ }
130
+ }, [hasSentMessage]);
131
+ const handleChange = React.useCallback((event) => {
132
+ onChange && onChange(event, event.target.value);
133
+ if (textareaRef.current) {
134
+ if (event.target.value === '') {
135
+ setInitialLineHeight(textareaRef.current);
136
+ }
137
+ else {
138
+ setAutoHeight(textareaRef.current);
139
+ }
140
+ }
141
+ setMessage(event.target.value);
142
+ }, [onChange]);
143
+ // Handle sending message
144
+ const handleSend = React.useCallback((newMessage) => {
145
+ onSendMessage(newMessage);
146
+ setHasSentMessage(true);
147
+ setMessage('');
61
148
  }, [onSendMessage]);
62
149
  const handleKeyDown = React.useCallback((event) => {
63
150
  if (event.key === 'Enter' && !event.shiftKey) {
64
151
  event.preventDefault();
65
152
  if (!isSendButtonDisabled && !hasStopButton) {
66
- handleSend();
153
+ handleSend(message);
154
+ }
155
+ }
156
+ if (event.key === 'Enter' && event.shiftKey) {
157
+ if (textareaRef.current) {
158
+ handleNewLine(textareaRef.current);
67
159
  }
68
160
  }
69
- }, [handleSend]);
161
+ }, [isSendButtonDisabled, hasStopButton, handleSend, message]);
70
162
  const handleAttachMenuToggle = () => {
71
163
  (attachMenuProps === null || attachMenuProps === void 0 ? void 0 : attachMenuProps.setIsAttachMenuOpen) && (attachMenuProps === null || attachMenuProps === void 0 ? void 0 : attachMenuProps.setIsAttachMenuOpen(!(attachMenuProps === null || attachMenuProps === void 0 ? void 0 : attachMenuProps.isAttachMenuOpen)));
72
164
  attachMenuProps === null || attachMenuProps === void 0 ? void 0 : attachMenuProps.onAttachMenuToggleClick();
73
165
  };
74
166
  const handleSpeechRecognition = (message) => {
75
167
  setMessage(message);
76
- const textarea = textareaRef.current;
77
- if (textarea) {
78
- textarea.focus();
79
- textarea.textContent = DOMPurify.sanitize(message);
80
- }
81
168
  onChange && onChange({}, message);
82
169
  };
83
170
  const renderButtons = () => {
@@ -89,17 +176,11 @@ export const MessageBar = (_a) => {
89
176
  attachMenuProps && (React.createElement(AttachButton, Object.assign({ ref: attachButtonRef, onClick: handleAttachMenuToggle, isDisabled: isListeningMessage, tooltipContent: (_c = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.attach) === null || _c === void 0 ? void 0 : _c.tooltipContent }, (_d = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.attach) === null || _d === void 0 ? void 0 : _d.props))),
90
177
  !attachMenuProps && hasAttachButton && (React.createElement(AttachButton, Object.assign({ onAttachAccepted: handleAttach, isDisabled: isListeningMessage, tooltipContent: (_e = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.attach) === null || _e === void 0 ? void 0 : _e.tooltipContent, inputTestId: (_f = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.attach) === null || _f === void 0 ? void 0 : _f.inputTestId }, (_g = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.attach) === null || _g === void 0 ? void 0 : _g.props))),
91
178
  hasMicrophoneButton && (React.createElement(MicrophoneButton, Object.assign({ isListening: isListeningMessage, onIsListeningChange: setIsListeningMessage, onSpeechRecognition: handleSpeechRecognition, tooltipContent: (_h = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.microphone) === null || _h === void 0 ? void 0 : _h.tooltipContent, language: (_j = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.microphone) === null || _j === void 0 ? void 0 : _j.language }, (_k = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.microphone) === null || _k === void 0 ? void 0 : _k.props))),
92
- (alwayShowSendButton || message) && (React.createElement(SendButton, Object.assign({ value: message, onClick: handleSend, isDisabled: isSendButtonDisabled, tooltipContent: (_l = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.send) === null || _l === void 0 ? void 0 : _l.tooltipContent }, (_m = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.send) === null || _m === void 0 ? void 0 : _m.props)))));
179
+ (alwayShowSendButton || message) && (React.createElement(SendButton, Object.assign({ value: message, onClick: () => handleSend(message), isDisabled: isSendButtonDisabled, tooltipContent: (_l = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.send) === null || _l === void 0 ? void 0 : _l.tooltipContent }, (_m = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.send) === null || _m === void 0 ? void 0 : _m.props)))));
93
180
  };
94
- const placeholder = isListeningMessage ? 'Listening' : 'Send a message...';
95
181
  const messageBarContents = (React.createElement(React.Fragment, null,
96
182
  React.createElement("div", { className: "pf-chatbot__message-bar-input" },
97
- (showPlaceholder || message === '') && (React.createElement("div", { className: "pf-chatbot__message-bar-placeholder" }, placeholder)),
98
- React.createElement("div", Object.assign({ contentEditable: true, suppressContentEditableWarning: true, role: "textbox", "aria-multiline": "false", className: "pf-chatbot__message-textarea", onInput: handleInput, onFocus: () => setShowPlaceholder(false), onBlur: () => {
99
- if (message === '') {
100
- setShowPlaceholder(!showPlaceholder);
101
- }
102
- }, "aria-label": placeholder, ref: textareaRef, onKeyDown: handleKeyDown }, props))),
183
+ React.createElement(TextArea, Object.assign({ className: "pf-chatbot__message-textarea", value: message, onChange: handleChange, "aria-label": isListeningMessage ? 'Listening' : 'Send a message...', placeholder: isListeningMessage ? 'Listening' : 'Send a message...', ref: textareaRef, onKeyDown: handleKeyDown }, props))),
103
184
  React.createElement("div", { className: "pf-chatbot__message-bar-actions" }, renderButtons())));
104
185
  if (attachMenuProps) {
105
186
  return (React.createElement(AttachMenu, Object.assign({ toggle: (toggleRef) => (React.createElement("div", { ref: toggleRef, className: `pf-chatbot__message-bar ${className !== null && className !== void 0 ? className : ''}` }, messageBarContents)), filteredItems: attachMenuProps === null || attachMenuProps === void 0 ? void 0 : attachMenuProps.attachMenuItems }, (attachMenuProps && { isOpen: attachMenuProps.isAttachMenuOpen }), { onOpenChange: (isAttachMenuOpen) => {
@@ -7,14 +7,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
7
7
  step((generator = generator.apply(thisArg, _arguments || [])).next());
8
8
  });
9
9
  };
10
+ import '@testing-library/jest-dom';
10
11
  import React from 'react';
12
+ import { DropdownGroup, DropdownItem, DropdownList } from '@patternfly/react-core';
13
+ import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon } from '@patternfly/react-icons';
11
14
  import { render, screen } from '@testing-library/react';
12
- import '@testing-library/jest-dom';
13
15
  import userEvent from '@testing-library/user-event';
14
- import { MessageBar } from './MessageBar';
15
- import { DropdownGroup, DropdownItem, DropdownList } from '@patternfly/react-core';
16
16
  import SourceDetailsMenuItem from '../SourceDetailsMenuItem';
17
- import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon } from '@patternfly/react-icons';
17
+ import { MessageBar } from './MessageBar';
18
18
  const ATTACH_MENU_ITEMS = [
19
19
  React.createElement(DropdownList, { key: "list-1" },
20
20
  React.createElement(DropdownItem, { className: "pf-chatbot-source-details-dropdown-item", value: "auth-operator Pod", id: "0" },
@@ -229,4 +229,12 @@ describe('Message bar', () => {
229
229
  render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasMicrophoneButton: true, buttonProps: { microphone: { props: { 'aria-label': 'Test' } } } }));
230
230
  yield userEvent.click(screen.getByRole('button', { name: 'Test' }));
231
231
  }));
232
+ it('can be controlled', () => {
233
+ render(React.createElement(MessageBar, { onSendMessage: jest.fn, value: "test" }));
234
+ expect(screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
235
+ expect(screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
236
+ expect(screen.queryByRole('button', { name: 'Microphone button' })).toBeFalsy();
237
+ expect(screen.getByRole('textbox', { name: /Send a message.../i })).toBeTruthy();
238
+ expect(screen.getByRole('textbox', { name: /Send a message.../i })).toHaveValue('test');
239
+ });
232
240
  });
@@ -10,7 +10,7 @@ export interface MicrophoneButtonProps extends ButtonProps {
10
10
  /** Callback to update the message value once speech recognition is complete */
11
11
  onSpeechRecognition: React.Dispatch<React.SetStateAction<string>>;
12
12
  /** Props to control the PF Tooltip component */
13
- tooltipProps?: TooltipProps;
13
+ tooltipProps?: Omit<TooltipProps, 'content'>;
14
14
  /** English text "Use microphone" and "Stop listening" used in the tooltip */
15
15
  tooltipContent?: {
16
16
  active?: string;
@@ -18,7 +18,9 @@ import { Button, Tooltip, Icon } from '@patternfly/react-core';
18
18
  import { PaperPlaneIcon } from '@patternfly/react-icons/dist/esm/icons/paper-plane-icon';
19
19
  export const SendButton = (_a) => {
20
20
  var { className, onClick, tooltipProps, tooltipContent = 'Send' } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "tooltipContent"]);
21
- return (React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--send", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0 }, tooltipProps),
21
+ return (React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--send", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0,
22
+ // prevents VO announcements of both aria label and tooltip
23
+ aria: "none" }, tooltipProps),
22
24
  React.createElement(Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--send ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Send button', onClick: onClick, icon: React.createElement(Icon, { iconSize: "xl", isInline: true },
23
25
  React.createElement(PaperPlaneIcon, null)) }, props))));
24
26
  };
@@ -17,7 +17,9 @@ import React from 'react';
17
17
  import { Button, Tooltip, Icon } from '@patternfly/react-core';
18
18
  export const StopButton = (_a) => {
19
19
  var { className, onClick, tooltipProps, tooltipContent = 'Stop' } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "tooltipContent"]);
20
- return (React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--stop", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0 }, tooltipProps),
20
+ return (React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--stop", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0,
21
+ // prevents VO announcements of both aria label and tooltip
22
+ aria: "none" }, tooltipProps),
21
23
  React.createElement(Button, Object.assign({ className: `pf-chatbot__button--stop ${className !== null && className !== void 0 ? className : ''}`, variant: "link", "aria-label": props['aria-label'] || 'Stop button', onClick: onClick, icon: React.createElement(Icon, { iconSize: "xl", isInline: true },
22
24
  React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
23
25
  React.createElement("path", { d: "M0.5 3C0.5 1.62109 1.62109 0.5 3 0.5H13C14.3789 0.5 15.5 1.62109 15.5 3V13C15.5 14.3789 14.3789 15.5 13 15.5H3C1.62109 15.5 0.5 14.3789 0.5 13V3Z", fill: "currentColor" }))) }, props))));
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { render, screen } from '@testing-library/react';
3
+ import { MessageBox } from './MessageBox';
4
+ describe('MessageBox', () => {
5
+ it('should render Message box', () => {
6
+ render(React.createElement(MessageBox, null,
7
+ React.createElement(React.Fragment, null, "Chatbot Messages")));
8
+ expect(screen.getByText('Chatbot Messages')).toBeTruthy();
9
+ });
10
+ it('should assign ref to Message box', () => {
11
+ const ref = React.createRef();
12
+ render(React.createElement(MessageBox, { ref: ref },
13
+ React.createElement("div", null, "Test message content")));
14
+ expect(ref.current).not.toBeNull();
15
+ expect(ref.current).toBeInstanceOf(HTMLDivElement);
16
+ });
17
+ });
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import { fireEvent, render, screen } from '@testing-library/react';
3
+ import { PreviewAttachment } from './PreviewAttachment';
4
+ describe('PreviewAttachment', () => {
5
+ it('should render PreviewAttachment', () => {
6
+ render(React.createElement(PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: jest.fn(), handleModalToggle: jest.fn() }));
7
+ expect(screen.getByText('Preview attachment')).toBeTruthy();
8
+ expect(screen.getByText('greetings')).toBeTruthy();
9
+ expect(screen.getAllByText('TEXT')).toBeTruthy();
10
+ });
11
+ it('should call onEdit handler when edit button is pressed', () => {
12
+ const onEdit = jest.fn();
13
+ render(React.createElement(PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: onEdit, handleModalToggle: jest.fn() }));
14
+ fireEvent.click(screen.getByText('Edit'));
15
+ expect(onEdit).toHaveBeenCalled();
16
+ });
17
+ it('should call onDismiss handler when dismiss button is pressed', () => {
18
+ const onDismiss = jest.fn();
19
+ render(React.createElement(PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: jest.fn(), handleModalToggle: onDismiss }));
20
+ fireEvent.click(screen.getByText('Dismiss'));
21
+ expect(onDismiss).toHaveBeenCalled();
22
+ });
23
+ });
@@ -3,6 +3,8 @@ import { TooltipProps } from '@patternfly/react-core';
3
3
  export interface ResponseActionButtonProps {
4
4
  /** Aria-label for the button. Defaults to the value of the tooltipContent if none provided */
5
5
  ariaLabel?: string;
6
+ /** Aria-label for the button, shown when the button is clicked. Defaults to the value of ariaLabel or tooltipContent if not provided. */
7
+ clickedAriaLabel?: string;
6
8
  /** Icon for the button */
7
9
  icon: React.ReactNode;
8
10
  /** On-click handler for the button */
@@ -13,8 +15,15 @@ export interface ResponseActionButtonProps {
13
15
  isDisabled?: boolean;
14
16
  /** Content shown in the tooltip */
15
17
  tooltipContent?: string;
18
+ /** Content shown in the tooltip when the button is clicked. Defaults to the value of tooltipContent if not provided. */
19
+ clickedTooltipContent?: string;
16
20
  /** Props to control the PF Tooltip component */
17
21
  tooltipProps?: TooltipProps;
22
+ /** Whether button is in clicked state */
23
+ isClicked?: boolean;
24
+ /** Ref applied to button */
25
+ innerRef?: React.Ref<HTMLButtonElement>;
18
26
  }
19
- export declare const ResponseActionButton: React.FunctionComponent<ResponseActionButtonProps>;
27
+ export declare const ResponseActionButtonBase: React.FunctionComponent<ResponseActionButtonProps>;
28
+ declare const ResponseActionButton: React.ForwardRefExoticComponent<ResponseActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
20
29
  export default ResponseActionButton;
@@ -1,5 +1,28 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
1
12
  import React from 'react';
2
13
  import { Button, Icon, Tooltip } from '@patternfly/react-core';
3
- export const ResponseActionButton = ({ ariaLabel, className, icon, isDisabled, onClick, tooltipContent, tooltipProps }) => (React.createElement(Tooltip, Object.assign({ id: `pf-chatbot__tooltip-response-action-${tooltipContent}`, content: tooltipContent, position: "bottom", entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0 }, tooltipProps),
4
- React.createElement(Button, { variant: "plain", className: `pf-chatbot__button--response-action ${className !== null && className !== void 0 ? className : ''}`, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : tooltipContent, icon: React.createElement(Icon, { isInline: true, size: "lg" }, icon), isDisabled: isDisabled, onClick: onClick, size: "sm" })));
14
+ export const ResponseActionButtonBase = (_a) => {
15
+ var { ariaLabel, clickedAriaLabel = ariaLabel, className, icon, isDisabled, onClick, tooltipContent, clickedTooltipContent = tooltipContent, tooltipProps, isClicked = false, innerRef } = _a, props = __rest(_a, ["ariaLabel", "clickedAriaLabel", "className", "icon", "isDisabled", "onClick", "tooltipContent", "clickedTooltipContent", "tooltipProps", "isClicked", "innerRef"]);
16
+ const generateAriaLabel = () => {
17
+ if (ariaLabel) {
18
+ return isClicked ? clickedAriaLabel : ariaLabel;
19
+ }
20
+ return isClicked ? clickedTooltipContent : tooltipContent;
21
+ };
22
+ return (React.createElement(Tooltip, Object.assign({ id: `pf-chatbot__tooltip-response-action-${tooltipContent}`, content: isClicked ? clickedTooltipContent : tooltipContent, "aria-live": "polite", position: "bottom", entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0,
23
+ // prevents VO announcements of both aria label and tooltip
24
+ aria: "none" }, tooltipProps),
25
+ React.createElement(Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--response-action ${isClicked ? 'pf-chatbot__button--response-action-clicked' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": generateAriaLabel(), icon: React.createElement(Icon, { isInline: true, size: "lg" }, icon), isDisabled: isDisabled, onClick: onClick, size: "sm", ref: innerRef }, props))));
26
+ };
27
+ const ResponseActionButton = React.forwardRef((props, ref) => (React.createElement(ResponseActionButtonBase, Object.assign({ innerRef: ref }, props))));
5
28
  export default ResponseActionButton;
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,49 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ import React from 'react';
11
+ import { render, screen } from '@testing-library/react';
12
+ import '@testing-library/jest-dom';
13
+ import userEvent from '@testing-library/user-event';
14
+ import { DownloadIcon } from '@patternfly/react-icons';
15
+ import ResponseActionButton from './ResponseActionButton';
16
+ describe('ResponseActionButton', () => {
17
+ it('renders aria-label correctly if not clicked', () => {
18
+ render(React.createElement(ResponseActionButton, { icon: React.createElement(DownloadIcon, null), ariaLabel: "Download", clickedAriaLabel: "Downloaded" }));
19
+ expect(screen.getByRole('button', { name: 'Download' })).toBeTruthy();
20
+ });
21
+ it('renders aria-label correctly if clicked', () => {
22
+ render(React.createElement(ResponseActionButton, { icon: React.createElement(DownloadIcon, null), ariaLabel: "Download", clickedAriaLabel: "Downloaded", isClicked: true }));
23
+ expect(screen.getByRole('button', { name: 'Downloaded' })).toBeTruthy();
24
+ });
25
+ it('renders tooltip correctly if not clicked', () => __awaiter(void 0, void 0, void 0, function* () {
26
+ render(React.createElement(ResponseActionButton, { icon: React.createElement(DownloadIcon, null), tooltipContent: "Download", clickedTooltipContent: "Downloaded" }));
27
+ expect(screen.getByRole('button', { name: 'Download' })).toBeTruthy();
28
+ // clicking here just triggers the tooltip; in this button, the logic is divorced from whether it is actually clicked
29
+ yield userEvent.click(screen.getByRole('button', { name: 'Download' }));
30
+ expect(screen.getByRole('tooltip', { name: 'Download' })).toBeTruthy();
31
+ }));
32
+ it('renders tooltip correctly if clicked', () => __awaiter(void 0, void 0, void 0, function* () {
33
+ render(React.createElement(ResponseActionButton, { icon: React.createElement(DownloadIcon, null), tooltipContent: "Download", clickedTooltipContent: "Downloaded", isClicked: true }));
34
+ expect(screen.getByRole('button', { name: 'Downloaded' })).toBeTruthy();
35
+ // clicking here just triggers the tooltip; in this button, the logic is divorced from whether it is actually clicked
36
+ yield userEvent.click(screen.getByRole('button', { name: 'Downloaded' }));
37
+ expect(screen.getByRole('tooltip', { name: 'Downloaded' })).toBeTruthy();
38
+ }));
39
+ it('if clicked variant for tooltip is not supplied, it uses the default', () => __awaiter(void 0, void 0, void 0, function* () {
40
+ render(React.createElement(ResponseActionButton, { icon: React.createElement(DownloadIcon, null), tooltipContent: "Download", isClicked: true }));
41
+ // clicking here just triggers the tooltip; in this button, the logic is divorced from whether it is actually clicked
42
+ yield userEvent.click(screen.getByRole('button', { name: 'Download' }));
43
+ expect(screen.getByRole('button', { name: 'Download' })).toBeTruthy();
44
+ }));
45
+ it('if clicked variant for aria label is not supplied, it uses the default', () => __awaiter(void 0, void 0, void 0, function* () {
46
+ render(React.createElement(ResponseActionButton, { icon: React.createElement(DownloadIcon, null), ariaLabel: "Download", isClicked: true }));
47
+ expect(screen.getByRole('button', { name: 'Download' })).toBeTruthy();
48
+ }));
49
+ });
@@ -1,8 +1,10 @@
1
1
  import React from 'react';
2
- import { TooltipProps } from '@patternfly/react-core';
3
- export interface ActionProps {
2
+ import { ButtonProps, TooltipProps } from '@patternfly/react-core';
3
+ export interface ActionProps extends Omit<ButtonProps, 'ref'> {
4
4
  /** Aria-label for the button */
5
5
  ariaLabel?: string;
6
+ /** Aria-label for the button, shown when the button is clicked. */
7
+ clickedAriaLabel?: string;
6
8
  /** On-click handler for the button */
7
9
  onClick?: ((event: MouseEvent | React.MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
8
10
  /** Class name for the button */
@@ -11,10 +13,18 @@ export interface ActionProps {
11
13
  isDisabled?: boolean;
12
14
  /** Content shown in the tooltip */
13
15
  tooltipContent?: string;
16
+ /** Content shown in the tooltip when the button is clicked. */
17
+ clickedTooltipContent?: string;
14
18
  /** Props to control the PF Tooltip component */
15
19
  tooltipProps?: TooltipProps;
16
20
  /** Icon for custom response action */
17
21
  icon?: React.ReactNode;
22
+ /** Ref for response action button */
23
+ ref?: React.Ref<HTMLButtonElement>;
24
+ /** Whether content launched by button, such as the feedback form, is expanded */
25
+ 'aria-expanded'?: boolean;
26
+ /** Id for content controlled by the button, such as the feedback form */
27
+ 'aria-controls'?: string;
18
28
  }
19
29
  export interface ResponseActionProps {
20
30
  /** Props for message actions, such as feedback (positive or negative), copy button, share, and listen */