@patternfly/chatbot 2.2.0-prerelease.2 → 2.2.0-prerelease.21

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 (401) 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.test.d.ts +1 -0
  4. package/dist/cjs/Chatbot/Chatbot.test.js +28 -0
  5. package/dist/cjs/ChatbotAlert/ChatbotAlert.test.d.ts +1 -0
  6. package/dist/cjs/ChatbotAlert/ChatbotAlert.test.js +27 -0
  7. package/dist/cjs/ChatbotContent/ChatbotContent.test.d.ts +1 -0
  8. package/dist/cjs/ChatbotContent/ChatbotContent.test.js +18 -0
  9. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js +3 -1
  10. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +17 -1
  11. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +9 -9
  12. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js +39 -3
  13. package/dist/cjs/ChatbotFooter/ChatbotFooter.test.d.ts +1 -0
  14. package/dist/cjs/ChatbotFooter/ChatbotFooter.test.js +18 -0
  15. package/dist/cjs/ChatbotFooter/ChatbotFooternote.test.d.ts +1 -0
  16. package/dist/cjs/ChatbotFooter/ChatbotFooternote.test.js +87 -0
  17. package/dist/cjs/ChatbotHeader/ChatbotHeader.test.d.ts +1 -0
  18. package/dist/cjs/ChatbotHeader/ChatbotHeader.test.js +18 -0
  19. package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.test.d.ts +1 -0
  20. package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.test.js +18 -0
  21. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.d.ts +17 -0
  22. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.js +16 -0
  23. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.test.d.ts +1 -0
  24. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.test.js +20 -0
  25. package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.test.d.ts +1 -0
  26. package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.test.js +18 -0
  27. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.d.ts +2 -0
  28. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js +4 -2
  29. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.test.d.ts +1 -0
  30. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.test.js +20 -0
  31. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +3 -1
  32. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts +1 -0
  33. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js +43 -0
  34. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +3 -1
  35. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts +1 -0
  36. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js +41 -0
  37. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.test.d.ts +1 -0
  38. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.test.js +47 -0
  39. package/dist/cjs/ChatbotHeader/index.d.ts +1 -0
  40. package/dist/cjs/ChatbotHeader/index.js +1 -0
  41. package/dist/cjs/ChatbotToggle/ChatbotToggle.js +3 -1
  42. package/dist/cjs/CodeModal/CodeModal.js +2 -12
  43. package/dist/cjs/Compare/Compare.d.ts +17 -0
  44. package/dist/cjs/Compare/Compare.js +50 -0
  45. package/dist/cjs/Compare/Compare.test.d.ts +1 -0
  46. package/dist/cjs/Compare/Compare.test.js +20 -0
  47. package/dist/cjs/Compare/index.d.ts +2 -0
  48. package/dist/cjs/Compare/index.js +23 -0
  49. package/dist/cjs/Message/ListMessage/OrderedListMessage.d.ts +1 -1
  50. package/dist/cjs/Message/ListMessage/OrderedListMessage.js +2 -2
  51. package/dist/cjs/Message/Message.d.ts +31 -7
  52. package/dist/cjs/Message/Message.js +47 -15
  53. package/dist/cjs/Message/Message.test.js +183 -3
  54. package/dist/cjs/Message/QuickResponse/QuickResponse.d.ts +17 -0
  55. package/dist/cjs/Message/QuickResponse/QuickResponse.js +34 -0
  56. package/dist/cjs/Message/QuickStarts/FallbackImg.d.ts +13 -0
  57. package/dist/cjs/Message/QuickStarts/FallbackImg.js +34 -0
  58. package/dist/cjs/Message/QuickStarts/QuickStartTile.d.ts +27 -0
  59. package/dist/cjs/Message/QuickStarts/QuickStartTile.js +82 -0
  60. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.d.ts +23 -0
  61. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.js +64 -0
  62. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.test.d.ts +1 -0
  63. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.test.js +76 -0
  64. package/dist/cjs/Message/QuickStarts/QuickStartTileHeader.d.ts +11 -0
  65. package/dist/cjs/Message/QuickStarts/QuickStartTileHeader.js +30 -0
  66. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.d.ts +30 -0
  67. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.js +77 -0
  68. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart.d.ts +30 -0
  69. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart.js +77 -0
  70. package/dist/cjs/Message/QuickStarts/types.d.ts +132 -0
  71. package/dist/cjs/Message/QuickStarts/types.js +17 -0
  72. package/dist/cjs/Message/TableMessage/TableMessage.d.ts +20 -0
  73. package/dist/cjs/Message/TableMessage/TableMessage.js +67 -0
  74. package/dist/cjs/Message/TableMessage/TbodyMessage.d.ts +7 -0
  75. package/dist/cjs/Message/TableMessage/TbodyMessage.js +33 -0
  76. package/dist/cjs/Message/TableMessage/TdMessage.d.ts +5 -0
  77. package/dist/cjs/Message/TableMessage/TdMessage.js +26 -0
  78. package/dist/cjs/Message/TableMessage/ThMessage.d.ts +5 -0
  79. package/dist/cjs/Message/TableMessage/ThMessage.js +26 -0
  80. package/dist/cjs/Message/TableMessage/TheadMessage.d.ts +5 -0
  81. package/dist/cjs/Message/TableMessage/TheadMessage.js +26 -0
  82. package/dist/cjs/Message/TableMessage/TrMessage.d.ts +7 -0
  83. package/dist/cjs/Message/TableMessage/TrMessage.js +37 -0
  84. package/dist/cjs/Message/TextMessage/TextMessage.d.ts +2 -1
  85. package/dist/cjs/Message/TextMessage/TextMessage.js +2 -2
  86. package/dist/cjs/Message/UserFeedback/CloseButton.d.ts +10 -0
  87. package/dist/cjs/Message/UserFeedback/CloseButton.js +14 -0
  88. package/dist/cjs/Message/UserFeedback/UserFeedback.d.ts +39 -0
  89. package/dist/cjs/Message/UserFeedback/UserFeedback.js +55 -0
  90. package/dist/cjs/Message/UserFeedback/UserFeedback.test.d.ts +1 -0
  91. package/dist/cjs/Message/UserFeedback/UserFeedback.test.js +146 -0
  92. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.d.ts +42 -0
  93. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.js +117 -0
  94. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.test.d.ts +1 -0
  95. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.test.js +249 -0
  96. package/dist/cjs/MessageBar/AttachButton.js +4 -2
  97. package/dist/cjs/MessageBar/MessageBar.js +9 -12
  98. package/dist/cjs/MessageBar/MessageBar.test.js +4 -4
  99. package/dist/cjs/MessageBar/SendButton.js +3 -1
  100. package/dist/cjs/MessageBar/StopButton.js +3 -1
  101. package/dist/cjs/MessageBox/MessageBox.test.d.ts +1 -0
  102. package/dist/cjs/MessageBox/MessageBox.test.js +22 -0
  103. package/dist/cjs/PreviewAttachment/PreviewAttachment.test.d.ts +1 -0
  104. package/dist/cjs/PreviewAttachment/PreviewAttachment.test.js +28 -0
  105. package/dist/cjs/ResponseActions/ResponseActionButton.d.ts +10 -1
  106. package/dist/cjs/ResponseActions/ResponseActionButton.js +28 -5
  107. package/dist/cjs/ResponseActions/ResponseActionButton.test.d.ts +1 -0
  108. package/dist/cjs/ResponseActions/ResponseActionButton.test.js +54 -0
  109. package/dist/cjs/ResponseActions/ResponseActions.d.ts +12 -2
  110. package/dist/cjs/ResponseActions/ResponseActions.js +26 -9
  111. package/dist/cjs/ResponseActions/ResponseActions.test.js +79 -5
  112. package/dist/cjs/Settings/SettingsForm.d.ts +13 -0
  113. package/dist/cjs/Settings/SettingsForm.js +27 -0
  114. package/dist/cjs/Settings/SettingsForm.test.d.ts +1 -0
  115. package/dist/cjs/Settings/SettingsForm.test.js +26 -0
  116. package/dist/cjs/Settings/index.d.ts +2 -0
  117. package/dist/cjs/Settings/index.js +23 -0
  118. package/dist/cjs/TermsOfUse/TermsOfUse.d.ts +34 -0
  119. package/dist/cjs/TermsOfUse/TermsOfUse.js +49 -0
  120. package/dist/cjs/TermsOfUse/TermsOfUse.test.d.ts +1 -0
  121. package/dist/cjs/TermsOfUse/TermsOfUse.test.js +79 -0
  122. package/dist/cjs/TermsOfUse/index.d.ts +2 -0
  123. package/dist/cjs/TermsOfUse/index.js +23 -0
  124. package/dist/cjs/index.d.ts +6 -0
  125. package/dist/cjs/index.js +10 -1
  126. package/dist/css/main.css +400 -102
  127. package/dist/css/main.css.map +1 -1
  128. package/dist/dynamic/Compare/package.json +1 -0
  129. package/dist/dynamic/Settings/package.json +1 -0
  130. package/dist/dynamic/TermsOfUse/package.json +1 -0
  131. package/dist/esm/AttachmentEdit/AttachmentEdit.test.d.ts +1 -0
  132. package/dist/esm/AttachmentEdit/AttachmentEdit.test.js +47 -0
  133. package/dist/esm/Chatbot/Chatbot.test.d.ts +1 -0
  134. package/dist/esm/Chatbot/Chatbot.test.js +23 -0
  135. package/dist/esm/ChatbotAlert/ChatbotAlert.test.d.ts +1 -0
  136. package/dist/esm/ChatbotAlert/ChatbotAlert.test.js +22 -0
  137. package/dist/esm/ChatbotContent/ChatbotContent.test.d.ts +1 -0
  138. package/dist/esm/ChatbotContent/ChatbotContent.test.js +13 -0
  139. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js +3 -1
  140. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +17 -1
  141. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +9 -9
  142. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js +39 -3
  143. package/dist/esm/ChatbotFooter/ChatbotFooter.test.d.ts +1 -0
  144. package/dist/esm/ChatbotFooter/ChatbotFooter.test.js +13 -0
  145. package/dist/esm/ChatbotFooter/ChatbotFooternote.test.d.ts +1 -0
  146. package/dist/esm/ChatbotFooter/ChatbotFooternote.test.js +82 -0
  147. package/dist/esm/ChatbotHeader/ChatbotHeader.test.d.ts +1 -0
  148. package/dist/esm/ChatbotHeader/ChatbotHeader.test.js +13 -0
  149. package/dist/esm/ChatbotHeader/ChatbotHeaderActions.test.d.ts +1 -0
  150. package/dist/esm/ChatbotHeader/ChatbotHeaderActions.test.js +13 -0
  151. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.d.ts +17 -0
  152. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.js +10 -0
  153. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.d.ts +1 -0
  154. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.js +15 -0
  155. package/dist/esm/ChatbotHeader/ChatbotHeaderMain.test.d.ts +1 -0
  156. package/dist/esm/ChatbotHeader/ChatbotHeaderMain.test.js +13 -0
  157. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.d.ts +2 -0
  158. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js +4 -2
  159. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.d.ts +1 -0
  160. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.js +15 -0
  161. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +3 -1
  162. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts +1 -0
  163. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js +38 -0
  164. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +3 -1
  165. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts +1 -0
  166. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js +36 -0
  167. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.test.d.ts +1 -0
  168. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.test.js +42 -0
  169. package/dist/esm/ChatbotHeader/index.d.ts +1 -0
  170. package/dist/esm/ChatbotHeader/index.js +1 -0
  171. package/dist/esm/ChatbotToggle/ChatbotToggle.js +3 -1
  172. package/dist/esm/CodeModal/CodeModal.js +2 -12
  173. package/dist/esm/Compare/Compare.d.ts +17 -0
  174. package/dist/esm/Compare/Compare.js +43 -0
  175. package/dist/esm/Compare/Compare.test.d.ts +1 -0
  176. package/dist/esm/Compare/Compare.test.js +15 -0
  177. package/dist/esm/Compare/index.d.ts +2 -0
  178. package/dist/esm/Compare/index.js +2 -0
  179. package/dist/esm/Message/ListMessage/OrderedListMessage.d.ts +1 -1
  180. package/dist/esm/Message/ListMessage/OrderedListMessage.js +2 -2
  181. package/dist/esm/Message/Message.d.ts +31 -7
  182. package/dist/esm/Message/Message.js +45 -13
  183. package/dist/esm/Message/Message.test.js +183 -3
  184. package/dist/esm/Message/QuickResponse/QuickResponse.d.ts +17 -0
  185. package/dist/esm/Message/QuickResponse/QuickResponse.js +27 -0
  186. package/dist/esm/Message/QuickStarts/FallbackImg.d.ts +13 -0
  187. package/dist/esm/Message/QuickStarts/FallbackImg.js +9 -0
  188. package/dist/esm/Message/QuickStarts/QuickStartTile.d.ts +27 -0
  189. package/dist/esm/Message/QuickStarts/QuickStartTile.js +52 -0
  190. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.d.ts +23 -0
  191. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.js +35 -0
  192. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.test.d.ts +1 -0
  193. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.test.js +48 -0
  194. package/dist/esm/Message/QuickStarts/QuickStartTileHeader.d.ts +11 -0
  195. package/dist/esm/Message/QuickStarts/QuickStartTileHeader.js +5 -0
  196. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.d.ts +30 -0
  197. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.js +74 -0
  198. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart.d.ts +30 -0
  199. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart.js +74 -0
  200. package/dist/esm/Message/QuickStarts/types.d.ts +132 -0
  201. package/dist/esm/Message/QuickStarts/types.js +14 -0
  202. package/dist/esm/Message/TableMessage/TableMessage.d.ts +20 -0
  203. package/dist/esm/Message/TableMessage/TableMessage.js +62 -0
  204. package/dist/esm/Message/TableMessage/TbodyMessage.d.ts +7 -0
  205. package/dist/esm/Message/TableMessage/TbodyMessage.js +28 -0
  206. package/dist/esm/Message/TableMessage/TdMessage.d.ts +5 -0
  207. package/dist/esm/Message/TableMessage/TdMessage.js +21 -0
  208. package/dist/esm/Message/TableMessage/ThMessage.d.ts +5 -0
  209. package/dist/esm/Message/TableMessage/ThMessage.js +21 -0
  210. package/dist/esm/Message/TableMessage/TheadMessage.d.ts +5 -0
  211. package/dist/esm/Message/TableMessage/TheadMessage.js +21 -0
  212. package/dist/esm/Message/TableMessage/TrMessage.d.ts +7 -0
  213. package/dist/esm/Message/TableMessage/TrMessage.js +32 -0
  214. package/dist/esm/Message/TextMessage/TextMessage.d.ts +2 -1
  215. package/dist/esm/Message/TextMessage/TextMessage.js +3 -3
  216. package/dist/esm/Message/UserFeedback/CloseButton.d.ts +10 -0
  217. package/dist/esm/Message/UserFeedback/CloseButton.js +9 -0
  218. package/dist/esm/Message/UserFeedback/UserFeedback.d.ts +39 -0
  219. package/dist/esm/Message/UserFeedback/UserFeedback.js +50 -0
  220. package/dist/esm/Message/UserFeedback/UserFeedback.test.d.ts +1 -0
  221. package/dist/esm/Message/UserFeedback/UserFeedback.test.js +141 -0
  222. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.d.ts +42 -0
  223. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.js +112 -0
  224. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.test.d.ts +1 -0
  225. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.test.js +244 -0
  226. package/dist/esm/MessageBar/AttachButton.js +4 -2
  227. package/dist/esm/MessageBar/MessageBar.js +9 -12
  228. package/dist/esm/MessageBar/MessageBar.test.js +4 -4
  229. package/dist/esm/MessageBar/SendButton.js +3 -1
  230. package/dist/esm/MessageBar/StopButton.js +3 -1
  231. package/dist/esm/MessageBox/MessageBox.test.d.ts +1 -0
  232. package/dist/esm/MessageBox/MessageBox.test.js +17 -0
  233. package/dist/esm/PreviewAttachment/PreviewAttachment.test.d.ts +1 -0
  234. package/dist/esm/PreviewAttachment/PreviewAttachment.test.js +23 -0
  235. package/dist/esm/ResponseActions/ResponseActionButton.d.ts +10 -1
  236. package/dist/esm/ResponseActions/ResponseActionButton.js +25 -2
  237. package/dist/esm/ResponseActions/ResponseActionButton.test.d.ts +1 -0
  238. package/dist/esm/ResponseActions/ResponseActionButton.test.js +49 -0
  239. package/dist/esm/ResponseActions/ResponseActions.d.ts +12 -2
  240. package/dist/esm/ResponseActions/ResponseActions.js +26 -9
  241. package/dist/esm/ResponseActions/ResponseActions.test.js +79 -5
  242. package/dist/esm/Settings/SettingsForm.d.ts +13 -0
  243. package/dist/esm/Settings/SettingsForm.js +20 -0
  244. package/dist/esm/Settings/SettingsForm.test.d.ts +1 -0
  245. package/dist/esm/Settings/SettingsForm.test.js +21 -0
  246. package/dist/esm/Settings/index.d.ts +2 -0
  247. package/dist/esm/Settings/index.js +2 -0
  248. package/dist/esm/TermsOfUse/TermsOfUse.d.ts +34 -0
  249. package/dist/esm/TermsOfUse/TermsOfUse.js +42 -0
  250. package/dist/esm/TermsOfUse/TermsOfUse.test.d.ts +1 -0
  251. package/dist/esm/TermsOfUse/TermsOfUse.test.js +74 -0
  252. package/dist/esm/TermsOfUse/index.d.ts +2 -0
  253. package/dist/esm/TermsOfUse/index.js +2 -0
  254. package/dist/esm/index.d.ts +6 -0
  255. package/dist/esm/index.js +6 -0
  256. package/dist/tsconfig.tsbuildinfo +1 -1
  257. package/package.json +7 -13
  258. package/patternfly-docs/content/extensions/chatbot/about-chatbot.md +5 -2
  259. package/patternfly-docs/content/extensions/chatbot/design-guidelines.md +41 -4
  260. package/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx +168 -13
  261. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithCustomResponseActions.tsx +4 -0
  262. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedback.tsx +71 -0
  263. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedbackTimeout.tsx +27 -0
  264. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickStart.tsx +31 -0
  265. package/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md +63 -11
  266. package/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx +208 -12
  267. package/patternfly-docs/content/extensions/chatbot/examples/Messages/explore-pipeline-quickstart.ts +65 -0
  268. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFooter.tsx +1 -1
  269. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFootnote.tsx +2 -2
  270. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawer.tsx +2 -2
  271. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerNavigation.tsx +67 -0
  272. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerResizable.tsx +94 -0
  273. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx +1 -1
  274. package/patternfly-docs/content/extensions/chatbot/examples/UI/PF-TermsAndConditionsHeader.svg +148 -0
  275. package/patternfly-docs/content/extensions/chatbot/examples/UI/Settings.tsx +289 -0
  276. package/patternfly-docs/content/extensions/chatbot/examples/UI/SquareChatbotToggle.tsx +1 -1
  277. package/patternfly-docs/content/extensions/chatbot/examples/UI/TermsOfUse.tsx +147 -0
  278. package/patternfly-docs/content/extensions/chatbot/examples/UI/UI.md +49 -6
  279. package/patternfly-docs/content/extensions/chatbot/examples/demos/AttachmentDemos.md +14 -0
  280. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md +26 -3
  281. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.tsx +2 -2
  282. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachment.tsx +20 -19
  283. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx +2 -2
  284. package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx +2 -2
  285. package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx +206 -0
  286. package/patternfly-docs/content/extensions/chatbot/examples/demos/Feedback.tsx +104 -0
  287. package/patternfly-docs/content/extensions/chatbot/img/attached-file.svg +24 -29
  288. package/patternfly-docs/content/extensions/chatbot/img/attachment-menu.svg +4 -4
  289. package/patternfly-docs/content/extensions/chatbot/img/attachment-unsent.svg +30 -57
  290. package/patternfly-docs/content/extensions/chatbot/img/chatbot-elements.svg +5 -5
  291. package/patternfly-docs/content/extensions/chatbot/img/chatbot-quickstarts-tile.svg +58 -0
  292. package/patternfly-docs/content/extensions/chatbot/img/chatbot-settings.svg +83 -0
  293. package/patternfly-docs/content/extensions/chatbot/img/conversation-history.svg +6 -29
  294. package/patternfly-docs/content/extensions/chatbot/img/docked.svg +68 -49
  295. package/patternfly-docs/content/extensions/chatbot/img/footnote.svg +1 -1
  296. package/patternfly-docs/content/extensions/chatbot/img/fullscreen.svg +25 -16
  297. package/patternfly-docs/content/extensions/chatbot/img/listening.svg +1 -1
  298. package/patternfly-docs/content/extensions/chatbot/img/message-bar-elements.svg +3 -3
  299. package/patternfly-docs/content/extensions/chatbot/img/message-elements.svg +85 -142
  300. package/patternfly-docs/content/extensions/chatbot/img/overlay.svg +52 -36
  301. package/patternfly-docs/content/extensions/chatbot/img/settings-menu.svg +122 -0
  302. package/patternfly-docs/content/extensions/chatbot/img/source-tile.svg +62 -0
  303. package/patternfly-docs/content/extensions/chatbot/img/toggle-customizations.svg +12 -0
  304. package/src/AttachMenu/AttachMenu.scss +1 -1
  305. package/src/AttachmentEdit/AttachmentEdit.test.tsx +55 -0
  306. package/src/Chatbot/Chatbot.test.tsx +31 -0
  307. package/src/ChatbotAlert/ChatbotAlert.test.tsx +31 -0
  308. package/src/ChatbotContent/ChatbotContent.test.tsx +15 -0
  309. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx +7 -1
  310. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +8 -1
  311. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx +112 -3
  312. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +41 -8
  313. package/src/ChatbotFooter/ChatbotFooter.scss +2 -6
  314. package/src/ChatbotFooter/ChatbotFooter.test.tsx +15 -0
  315. package/src/ChatbotFooter/ChatbotFooternote.test.tsx +84 -0
  316. package/src/ChatbotHeader/ChatbotHeader.scss +2 -5
  317. package/src/ChatbotHeader/ChatbotHeader.test.tsx +15 -0
  318. package/src/ChatbotHeader/ChatbotHeaderActions.test.tsx +17 -0
  319. package/src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx +20 -0
  320. package/src/ChatbotHeader/ChatbotHeaderCloseButton.tsx +57 -0
  321. package/src/ChatbotHeader/ChatbotHeaderMain.test.tsx +17 -0
  322. package/src/ChatbotHeader/ChatbotHeaderMenu.test.tsx +19 -0
  323. package/src/ChatbotHeader/ChatbotHeaderMenu.tsx +11 -2
  324. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx +45 -0
  325. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +8 -1
  326. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx +43 -0
  327. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx +8 -1
  328. package/src/ChatbotHeader/ChatbotHeaderTitle.test.tsx +59 -0
  329. package/src/ChatbotHeader/index.ts +1 -0
  330. package/src/ChatbotModal/ChatbotModal.scss +1 -1
  331. package/src/ChatbotToggle/ChatbotToggle.tsx +6 -1
  332. package/src/CodeModal/CodeModal.scss +9 -1
  333. package/src/CodeModal/CodeModal.tsx +2 -13
  334. package/src/Compare/Compare.scss +72 -0
  335. package/src/Compare/Compare.test.tsx +31 -0
  336. package/src/Compare/Compare.tsx +98 -0
  337. package/src/Compare/index.ts +2 -0
  338. package/src/FileDetails/FileDetails.scss +1 -1
  339. package/src/FileDropZone/__snapshots__/FileDropZone.test.tsx.snap +1 -1
  340. package/src/Message/CodeBlockMessage/CodeBlockMessage.scss +4 -4
  341. package/src/Message/ListMessage/ListMessage.scss +5 -5
  342. package/src/Message/ListMessage/OrderedListMessage.tsx +2 -2
  343. package/src/Message/Message.scss +4 -26
  344. package/src/Message/Message.test.tsx +215 -3
  345. package/src/Message/Message.tsx +94 -23
  346. package/src/Message/MessageLoading.scss +2 -2
  347. package/src/Message/QuickResponse/QuickResponse.scss +33 -0
  348. package/src/Message/QuickResponse/QuickResponse.tsx +54 -0
  349. package/src/Message/QuickStarts/FallbackImg.tsx +24 -0
  350. package/src/Message/QuickStarts/QuickStartTile.scss +24 -0
  351. package/src/Message/QuickStarts/QuickStartTile.tsx +147 -0
  352. package/src/Message/QuickStarts/QuickStartTileDescription.test.tsx +57 -0
  353. package/src/Message/QuickStarts/QuickStartTileDescription.tsx +81 -0
  354. package/src/Message/QuickStarts/QuickStartTileHeader.tsx +21 -0
  355. package/src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts +75 -0
  356. package/src/Message/QuickStarts/monitor-sampleapp-quickstart.ts +75 -0
  357. package/src/Message/QuickStarts/types.ts +154 -0
  358. package/src/Message/TableMessage/TableMessage.scss +23 -0
  359. package/src/Message/TableMessage/TableMessage.tsx +83 -0
  360. package/src/Message/TableMessage/TbodyMessage.tsx +20 -0
  361. package/src/Message/TableMessage/TdMessage.tsx +11 -0
  362. package/src/Message/TableMessage/ThMessage.tsx +11 -0
  363. package/src/Message/TableMessage/TheadMessage.tsx +11 -0
  364. package/src/Message/TableMessage/TrMessage.tsx +27 -0
  365. package/src/Message/TextMessage/TextMessage.scss +13 -11
  366. package/src/Message/TextMessage/TextMessage.tsx +3 -3
  367. package/src/Message/UserFeedback/CloseButton.tsx +21 -0
  368. package/src/Message/UserFeedback/UserFeedback.scss +53 -0
  369. package/src/Message/UserFeedback/UserFeedback.test.tsx +257 -0
  370. package/src/Message/UserFeedback/UserFeedback.tsx +132 -0
  371. package/src/Message/UserFeedback/UserFeedbackComplete.test.tsx +255 -0
  372. package/src/Message/UserFeedback/UserFeedbackComplete.tsx +211 -0
  373. package/src/MessageBar/AttachButton.scss +19 -3
  374. package/src/MessageBar/AttachButton.tsx +3 -1
  375. package/src/MessageBar/MessageBar.scss +3 -2
  376. package/src/MessageBar/MessageBar.test.tsx +4 -4
  377. package/src/MessageBar/MessageBar.tsx +9 -12
  378. package/src/MessageBar/MicrophoneButton.scss +8 -8
  379. package/src/MessageBar/SendButton.tsx +2 -0
  380. package/src/MessageBar/StopButton.scss +17 -3
  381. package/src/MessageBar/StopButton.tsx +2 -0
  382. package/src/MessageBox/JumpButton.scss +6 -6
  383. package/src/MessageBox/MessageBox.test.tsx +26 -0
  384. package/src/PreviewAttachment/PreviewAttachment.test.tsx +51 -0
  385. package/src/ResponseActions/ResponseActionButton.test.tsx +52 -0
  386. package/src/ResponseActions/ResponseActionButton.tsx +59 -28
  387. package/src/ResponseActions/ResponseActions.scss +11 -9
  388. package/src/ResponseActions/ResponseActions.test.tsx +103 -5
  389. package/src/ResponseActions/ResponseActions.tsx +80 -9
  390. package/src/Settings/Settings.scss +34 -0
  391. package/src/Settings/SettingsForm.test.tsx +28 -0
  392. package/src/Settings/SettingsForm.tsx +25 -0
  393. package/src/Settings/index.ts +3 -0
  394. package/src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss +1 -1
  395. package/src/SourcesCard/SourcesCard.scss +2 -2
  396. package/src/TermsOfUse/TermsOfUse.scss +66 -0
  397. package/src/TermsOfUse/TermsOfUse.test.tsx +138 -0
  398. package/src/TermsOfUse/TermsOfUse.tsx +117 -0
  399. package/src/TermsOfUse/index.ts +3 -0
  400. package/src/index.ts +9 -0
  401. package/src/main.scss +7 -4
@@ -17,6 +17,8 @@ const react_2 = require("@testing-library/react");
17
17
  require("@testing-library/jest-dom");
18
18
  const Message_1 = __importDefault(require("./Message"));
19
19
  const user_event_1 = __importDefault(require("@testing-library/user-event"));
20
+ const monitor_sampleapp_quickstart_1 = require("./QuickStarts/monitor-sampleapp-quickstart");
21
+ const monitor_sampleapp_quickstart_with_image_1 = require("./QuickStarts/monitor-sampleapp-quickstart-with-image");
20
22
  const ALL_ACTIONS = [
21
23
  { label: /Good response/i },
22
24
  { label: /Bad response/i },
@@ -60,6 +62,81 @@ spec:
60
62
  url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs
61
63
  `;
62
64
  const INLINE_CODE = `Here is an inline code - \`() => void\``;
65
+ const ORDERED_LIST_WITH_CODE = `
66
+ 1. Item 1
67
+ 2. Item 2
68
+
69
+ \`\`\`yaml
70
+ - name: Hello World Playbook
71
+ hosts: localhost
72
+ tasks:
73
+ - name: Print Hello World
74
+ ansible.builtin.debug:
75
+ msg: "Hello, World!"
76
+ \`\`\`
77
+
78
+ 3. Item 3
79
+ `;
80
+ const HEADING = `
81
+ # h1 Heading
82
+
83
+ ## h2 Heading
84
+
85
+ ### h3 Heading
86
+
87
+ #### h4 Heading
88
+
89
+ ##### h5 Heading
90
+
91
+ ###### h6 Heading
92
+ `;
93
+ const BLOCK_QUOTES = `> Blockquotes can also be nested...
94
+ >> ...by using additional greater-than signs (>) right next to each other...
95
+ > > > ...or with spaces between each sign.`;
96
+ const TABLE = `
97
+
98
+ | Column 1 | Column 2 |
99
+ |-|-|
100
+ | Cell 1 | Cell 2 |
101
+ | Cell 3 | Cell 4 |
102
+
103
+ `;
104
+ const ONE_COLUMN_TABLE = `
105
+
106
+ | Column 1 |
107
+ |-|
108
+ | Cell 1 |
109
+ | Cell 2 |
110
+
111
+ `;
112
+ const ONE_CELL_TABLE = `
113
+
114
+ | Column 1 |
115
+ |-|
116
+ | Cell 1 |
117
+
118
+ `;
119
+ const HEADERLESS_TABLE = `
120
+
121
+ | |
122
+ |-|
123
+ | Cell 1 |
124
+
125
+ `;
126
+ const CHILDLESS_TABLE = `
127
+
128
+ | Column 1 |
129
+ |-|
130
+ | |
131
+
132
+ `;
133
+ const EMPTY_TABLE = `
134
+
135
+ | |
136
+ |-|
137
+ | |
138
+
139
+ `;
63
140
  const checkListItemsRendered = () => {
64
141
  const items = ['Item 1', 'Item 2', 'Item 3'];
65
142
  expect(react_2.screen.getAllByRole('listitem')).toHaveLength(3);
@@ -280,6 +357,12 @@ describe('Message', () => {
280
357
  expect(react_2.screen.getByText('Here is an ordered list:')).toBeTruthy();
281
358
  checkListItemsRendered();
282
359
  });
360
+ it('should render ordered lists correctly if there is interstitial content', () => {
361
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: ORDERED_LIST_WITH_CODE }));
362
+ checkListItemsRendered();
363
+ const list = react_2.screen.getAllByRole('list')[1];
364
+ expect(list).toHaveAttribute('start', '3');
365
+ });
283
366
  it('should render inline code', () => {
284
367
  (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: INLINE_CODE }));
285
368
  expect(react_2.screen.getByText(/() => void/i)).toBeTruthy();
@@ -289,12 +372,16 @@ describe('Message', () => {
289
372
  (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: CODE_MESSAGE }));
290
373
  expect(react_2.screen.getByText('Here is some YAML code:')).toBeTruthy();
291
374
  expect(react_2.screen.getByRole('button', { name: 'Copy code button' })).toBeTruthy();
292
- expect(react_2.screen.getByText(/apiVersion: helm.openshift.io\/v1beta1/i)).toBeTruthy();
375
+ expect(react_2.screen.getByText(/yaml/)).toBeTruthy();
376
+ expect(react_2.screen.getByText(/apiVersion:/i)).toBeTruthy();
377
+ expect(react_2.screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
293
378
  expect(react_2.screen.getByText(/metadata:/i)).toBeTruthy();
294
- expect(react_2.screen.getByText(/name: azure-sample-repo0oooo00ooo/i)).toBeTruthy();
379
+ expect(react_2.screen.getByText(/name:/i)).toBeTruthy();
380
+ expect(react_2.screen.getByText(/azure-sample-repo0oooo00ooo/i)).toBeTruthy();
295
381
  expect(react_2.screen.getByText(/spec/i)).toBeTruthy();
296
382
  expect(react_2.screen.getByText(/connectionConfig:/i)).toBeTruthy();
297
- expect(react_2.screen.getByText(/url: https:\/\/raw.githubusercontent.com\/Azure-Samples\/helm-charts\/master\/docs/i)).toBeTruthy();
383
+ expect(react_2.screen.getByText(/url:/i)).toBeTruthy();
384
+ expect(react_2.screen.getByText(/https:\/\/raw.githubusercontent.com\/Azure-Samples\/helm-charts\/master\/docs/i)).toBeTruthy();
298
385
  });
299
386
  it('can click copy code button', () => __awaiter(void 0, void 0, void 0, function* () {
300
387
  // need explicit setup since RTL stubs clipboard if you do this
@@ -332,4 +419,97 @@ describe('Message', () => {
332
419
  expect(react_2.screen.getByRole('img')).toHaveClass('test');
333
420
  expect(react_2.screen.getByRole('img')).toHaveClass('pf-chatbot__message-avatar');
334
421
  });
422
+ it('should handle QuickStart tile correctly', () => {
423
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: "Hi", quickStarts: {
424
+ quickStart: monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart,
425
+ onSelectQuickStart: (id) => alert(id)
426
+ } }));
427
+ expect(react_2.screen.getByRole('button', { name: 'Monitoring your sample application' })).toBeTruthy();
428
+ expect(react_2.screen.getByRole('heading', { name: '1 Prerequisite' })).toBeTruthy();
429
+ expect(react_2.screen.getByRole('button', { name: 'Show prerequisites' })).toBeTruthy();
430
+ expect(react_2.screen.getByRole('button', { name: 'Start' })).toBeTruthy();
431
+ });
432
+ it('should handle click on QuickStart tile correctly', () => __awaiter(void 0, void 0, void 0, function* () {
433
+ const spy = jest.fn();
434
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: "Hi", quickStarts: {
435
+ quickStart: monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart,
436
+ onSelectQuickStart: (id) => spy(id)
437
+ } }));
438
+ yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Monitoring your sample application' }));
439
+ expect(spy).toHaveBeenCalledTimes(1);
440
+ expect(spy).toHaveBeenCalledWith(monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart.metadata.name);
441
+ }));
442
+ it('should handle QuickStart tile with image correctly', () => __awaiter(void 0, void 0, void 0, function* () {
443
+ const spy = jest.fn();
444
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: "Hi", quickStarts: {
445
+ quickStart: monitor_sampleapp_quickstart_with_image_1.monitorSampleAppQuickStartWithImage,
446
+ onSelectQuickStart: (id) => spy(id)
447
+ } }));
448
+ expect(react_2.screen.getAllByRole('img')[1]).toHaveAttribute('src', 'test.png');
449
+ }));
450
+ it('should handle block quote correctly', () => {
451
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: BLOCK_QUOTES }));
452
+ expect(react_2.screen.getByText(/Blockquotes can also be nested.../)).toBeTruthy();
453
+ expect(react_2.screen.getByText('...by using additional greater-than signs (>) right next to each other...')).toBeTruthy();
454
+ expect(react_2.screen.getByText(/...or with spaces between each sign./)).toBeTruthy();
455
+ });
456
+ it('should handle heading correctly', () => {
457
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: HEADING }));
458
+ expect(react_2.screen.getByRole('heading', { name: /h1 Heading/i })).toBeTruthy();
459
+ expect(react_2.screen.getByRole('heading', { name: /h2 Heading/i })).toBeTruthy();
460
+ expect(react_2.screen.getByRole('heading', { name: /h3 Heading/i })).toBeTruthy();
461
+ expect(react_2.screen.getByRole('heading', { name: /h4 Heading/i })).toBeTruthy();
462
+ expect(react_2.screen.getByRole('heading', { name: /h5 Heading/i })).toBeTruthy();
463
+ expect(react_2.screen.getByRole('heading', { name: /h6 Heading/i })).toBeTruthy();
464
+ });
465
+ it('should render table correctly', () => {
466
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: TABLE }));
467
+ expect(react_2.screen.getByRole('row', { name: /Column 1 Column 2/i })).toBeTruthy();
468
+ expect(react_2.screen.getByRole('row', { name: /Cell 1 Cell 2/i })).toBeTruthy();
469
+ expect(react_2.screen.getByRole('row', { name: /Cell 3 Cell 4/i })).toBeTruthy();
470
+ expect(react_2.screen.getByRole('columnheader', { name: /Column 1/i })).toBeTruthy();
471
+ expect(react_2.screen.getByRole('columnheader', { name: /Column 2/i })).toBeTruthy();
472
+ expect(react_2.screen.getByRole('cell', { name: /Cell 1/i })).toBeTruthy();
473
+ expect(react_2.screen.getByRole('cell', { name: /Cell 2/i })).toBeTruthy();
474
+ expect(react_2.screen.getByRole('cell', { name: /Cell 3/i })).toBeTruthy();
475
+ expect(react_2.screen.getByRole('cell', { name: /Cell 4/i })).toBeTruthy();
476
+ });
477
+ it('should render table data labels correctly for mobile breakpoint', () => {
478
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: TABLE }));
479
+ expect(react_2.screen.getByRole('row', { name: /Cell 1 Cell 2/i })).toHaveAttribute('extraHeaders', 'Column 1,Column 2');
480
+ expect(react_2.screen.getByRole('row', { name: /Cell 3 Cell 4/i })).toHaveAttribute('extraHeaders', 'Column 1,Column 2');
481
+ expect(react_2.screen.getByRole('cell', { name: /Cell 1/i })).toHaveAttribute('data-label', 'Column 1');
482
+ expect(react_2.screen.getByRole('cell', { name: /Cell 2/i })).toHaveAttribute('data-label', 'Column 2');
483
+ expect(react_2.screen.getByRole('cell', { name: /Cell 3/i })).toHaveAttribute('data-label', 'Column 1');
484
+ expect(react_2.screen.getByRole('cell', { name: /Cell 4/i })).toHaveAttribute('data-label', 'Column 2');
485
+ });
486
+ it('should render table data labels correctly for mobile breakpoint for one column table', () => {
487
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: ONE_COLUMN_TABLE }));
488
+ expect(react_2.screen.getByRole('row', { name: /Cell 1/i })).toHaveAttribute('extraHeaders', 'Column 1');
489
+ expect(react_2.screen.getByRole('row', { name: /Cell 2/i })).toHaveAttribute('extraHeaders', 'Column 1');
490
+ expect(react_2.screen.getByRole('cell', { name: /Cell 1/i })).toHaveAttribute('data-label', 'Column 1');
491
+ expect(react_2.screen.getByRole('cell', { name: /Cell 2/i })).toHaveAttribute('data-label', 'Column 1');
492
+ });
493
+ it('should render table data labels correctly for mobile breakpoint for one cell table', () => {
494
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: ONE_CELL_TABLE }));
495
+ expect(react_2.screen.getByRole('row', { name: /Cell 1/i })).toHaveAttribute('extraHeaders', 'Column 1');
496
+ expect(react_2.screen.getByRole('cell', { name: /Cell 1/i })).toHaveAttribute('data-label', 'Column 1');
497
+ });
498
+ it('should render table data labels correctly for mobile breakpoint for headerless', () => {
499
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: HEADERLESS_TABLE }));
500
+ expect(react_2.screen.getByRole('row', { name: /Cell 1/i })).toHaveAttribute('extraHeaders', '');
501
+ expect(react_2.screen.getByRole('cell', { name: /Cell 1/i })).not.toHaveAttribute('data-label');
502
+ });
503
+ it('should render table data labels correctly for mobile breakpoint for childless', () => {
504
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: CHILDLESS_TABLE }));
505
+ expect(react_2.screen.getByRole('cell')).not.toHaveAttribute('extraHeaders', 'Column 1');
506
+ });
507
+ it('should render table data labels correctly for mobile breakpoint for empty', () => {
508
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: EMPTY_TABLE }));
509
+ expect(react_2.screen.getByRole('cell')).not.toHaveAttribute('extraHeaders', '');
510
+ });
511
+ it('should render custom table aria label correctly', () => {
512
+ (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: TABLE, tableProps: { 'aria-label': 'Test' } }));
513
+ expect(react_2.screen.getByRole('grid', { name: /Test/i })).toBeTruthy();
514
+ });
335
515
  });
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { LabelGroupProps, LabelProps } from '@patternfly/react-core';
3
+ export interface QuickResponse extends Omit<LabelProps, 'children'> {
4
+ content: string;
5
+ id: string;
6
+ onClick?: () => void;
7
+ }
8
+ export interface QuickResponseProps {
9
+ /** Props for quick responses */
10
+ quickResponses: QuickResponse[];
11
+ /** Props for quick responses container */
12
+ quickResponseContainerProps?: Omit<LabelGroupProps, 'ref'>;
13
+ /** Callback when a response is clicked; used in feedback cards */
14
+ onSelect?: (id: string) => void;
15
+ }
16
+ export declare const QuickResponse: React.FunctionComponent<QuickResponseProps>;
17
+ export default QuickResponse;
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.QuickResponse = void 0;
18
+ const react_1 = __importDefault(require("react"));
19
+ const react_core_1 = require("@patternfly/react-core");
20
+ const react_icons_1 = require("@patternfly/react-icons");
21
+ const QuickResponse = ({ quickResponses, quickResponseContainerProps = { numLabels: 5 }, onSelect }) => {
22
+ const [selectedQuickResponse, setSelectedQuickResponse] = react_1.default.useState();
23
+ const handleQuickResponseClick = (id, onClick) => {
24
+ setSelectedQuickResponse(id);
25
+ onClick && onClick();
26
+ onSelect && onSelect(id);
27
+ };
28
+ return (react_1.default.createElement(react_core_1.LabelGroup, Object.assign({ className: `pf-chatbot__message-quick-response ${quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className}` }, quickResponseContainerProps), quickResponses.map((_a) => {
29
+ var { id, onClick, content, className } = _a, props = __rest(_a, ["id", "onClick", "content", "className"]);
30
+ return (react_1.default.createElement(react_core_1.Label, Object.assign({ variant: id === selectedQuickResponse ? undefined : 'outline', icon: id === selectedQuickResponse ? react_1.default.createElement(react_icons_1.CheckIcon, null) : undefined, color: "blue", key: id, onClick: () => handleQuickResponseClick(id, onClick), className: `${id === selectedQuickResponse ? 'pf-chatbot__message-quick-response--selected' : ''} ${className ? className : ''}` }, props), content));
31
+ })));
32
+ };
33
+ exports.QuickResponse = QuickResponse;
34
+ exports.default = exports.QuickResponse;
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ interface FallbackImgProps {
3
+ /** Image source */
4
+ src: string;
5
+ /** Alt text for image */
6
+ alt?: string;
7
+ /** ClassName applied to image */
8
+ className?: string;
9
+ /** Fallback */
10
+ fallback?: React.ReactNode;
11
+ }
12
+ declare const FallbackImg: React.FC<FallbackImgProps>;
13
+ export default FallbackImg;
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ const React = __importStar(require("react"));
27
+ const FallbackImg = ({ src, alt, className, fallback }) => {
28
+ const [isSrcValid, setIsSrcValid] = React.useState(true);
29
+ if (src && isSrcValid) {
30
+ return React.createElement("img", { className: className, src: src, alt: alt, onError: () => setIsSrcValid(false) });
31
+ }
32
+ return React.createElement(React.Fragment, null, fallback);
33
+ };
34
+ exports.default = FallbackImg;
@@ -0,0 +1,27 @@
1
+ import * as React from 'react';
2
+ import { QuickStart, QuickstartAction } from './types';
3
+ export declare const camelize: (str: string) => string;
4
+ export interface QuickStartTileProps {
5
+ /** ClassName applied to the card */
6
+ className?: string;
7
+ /** The quickstart object triggered by this tile */
8
+ quickStart: QuickStart;
9
+ /** Event handler attached to the tile */
10
+ onClick?: () => void;
11
+ /** Action config for button rendered next to title */
12
+ action?: QuickstartAction;
13
+ /** Callback that returns active quick start value when clicked */
14
+ onSelectQuickStart: (id?: string) => void;
15
+ /** Label for the English word "minute". */
16
+ minuteWord?: string;
17
+ /** Label for the English word "minutes". */
18
+ minuteWordPlural?: string;
19
+ /** Label for the English word "Prerequisite" */
20
+ prerequisiteWord?: string;
21
+ /** Label for the English word "Prerequisites" */
22
+ prerequisiteWordPlural?: string;
23
+ /** Aria-label for the quick start description button */
24
+ quickStartButtonAriaLabel?: string;
25
+ }
26
+ declare const QuickStartTile: React.FC<QuickStartTileProps>;
27
+ export default QuickStartTile;
@@ -0,0 +1,82 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.camelize = void 0;
30
+ const React = __importStar(require("react"));
31
+ const rocket_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/rocket-icon"));
32
+ const outlined_bookmark_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/outlined-bookmark-icon"));
33
+ const react_core_1 = require("@patternfly/react-core");
34
+ const outlined_clock_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/outlined-clock-icon"));
35
+ const QuickStartTileHeader_1 = __importDefault(require("./QuickStartTileHeader"));
36
+ const QuickStartTileDescription_1 = __importDefault(require("./QuickStartTileDescription"));
37
+ const FallbackImg_1 = __importDefault(require("./FallbackImg"));
38
+ const camelize = (str) => str.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function (match, index) {
39
+ if (+match === 0) {
40
+ return '';
41
+ } // or if (/\s+/.test(match)) for white spaces
42
+ return index === 0 ? match.toLowerCase() : match.toUpperCase();
43
+ });
44
+ exports.camelize = camelize;
45
+ const QuickStartTile = ({ className, quickStart, onClick, onSelectQuickStart, minuteWord = 'minute', minuteWordPlural = 'minutes', prerequisiteWord, prerequisiteWordPlural, quickStartButtonAriaLabel, action }) => {
46
+ const { metadata: { name: id }, spec: { icon, displayName, description, durationMinutes, prerequisites, link, type } } = quickStart;
47
+ let quickStartIcon;
48
+ if (typeof icon === 'object') {
49
+ quickStartIcon = React.createElement(react_core_1.Icon, { size: "2xl" }, icon);
50
+ }
51
+ else {
52
+ quickStartIcon = (React.createElement(react_core_1.Icon, { size: "2xl" },
53
+ React.createElement(FallbackImg_1.default, { src: icon, alt: "", className: "pfext-catalog-item-icon__img", fallback: React.createElement(rocket_icon_1.default, null) })));
54
+ }
55
+ const onSelect = () => {
56
+ if (!link) {
57
+ onSelectQuickStart(id);
58
+ }
59
+ else {
60
+ window.open(link.href, '_blank', 'noopener,noreferrer');
61
+ }
62
+ onClick && onClick();
63
+ };
64
+ const ActionIcon = (action === null || action === void 0 ? void 0 : action.icon) || outlined_bookmark_icon_1.default;
65
+ const additionalAction = action ? (React.createElement(react_core_1.Button, Object.assign({ "aria-label": action['aria-label'], icon: React.createElement(ActionIcon, null), variant: "plain", onClick: action.onClick }, action.buttonProps))) : undefined;
66
+ return (React.createElement(react_core_1.Card, { className: `pf-chatbot__quickstarts-tile ${className ? className : ''}`, id: `${id}-chatbot-qs-tile`, style: { height: '100%' }, "data-testid": `chatbot-qs-card-${(0, exports.camelize)(displayName)}` },
67
+ React.createElement(react_core_1.CardHeader, Object.assign({}, (action && {
68
+ actions: { actions: additionalAction }
69
+ })), quickStartIcon),
70
+ React.createElement(react_core_1.CardTitle, null,
71
+ React.createElement(QuickStartTileHeader_1.default, { name: displayName, onSelect: onSelect, quickStartId: id })),
72
+ React.createElement(react_core_1.CardBody, null,
73
+ React.createElement(react_core_1.Stack, { hasGutter: true },
74
+ React.createElement(react_core_1.Flex, { spaceItems: { default: 'spaceItemsSm' } },
75
+ type && React.createElement(react_core_1.Label, { color: type.color }, type.text),
76
+ durationMinutes && (React.createElement(react_core_1.Label, { variant: "outline", "data-test": "duration", icon: React.createElement(outlined_clock_icon_1.default, null) }, (0, react_core_1.pluralize)(durationMinutes, minuteWord, minuteWordPlural)))),
77
+ React.createElement(QuickStartTileDescription_1.default, { description: description, prerequisites: prerequisites, prerequisiteWord: prerequisiteWord, prerequisiteWordPlural: prerequisiteWordPlural, quickStartButtonAriaLabel: quickStartButtonAriaLabel }))),
78
+ React.createElement(react_core_1.CardFooter, null,
79
+ React.createElement(react_core_1.Button, { variant: "link", isInline: true, onClick: onSelect },
80
+ React.createElement("span", { className: "pf-v6-c-button__text" }, "Start")))));
81
+ };
82
+ exports.default = QuickStartTile;
@@ -0,0 +1,23 @@
1
+ import * as React from 'react';
2
+ interface QuickStartTileDescriptionProps {
3
+ /** QuickStart description */
4
+ description: string;
5
+ /** QuickStart prerequisites */
6
+ prerequisites?: string[];
7
+ /** Label for the English word "Prerequisite" */
8
+ prerequisiteWord?: string;
9
+ /** Label for the English word "Prerequisites" */
10
+ prerequisiteWordPlural?: string;
11
+ /** Aria-label for the quick start button */
12
+ quickStartButtonAriaLabel?: string;
13
+ }
14
+ /** This function is a helper for pluralizing strings stolen from React.
15
+ *
16
+ * @param {number} i The quantity of the string you want to pluralize
17
+ * @param {string} singular The singular version of the string
18
+ * @param {string} plural The change to the string that should occur if the quantity is not equal to 1.
19
+ * Defaults to adding an 's'.
20
+ */
21
+ export declare function pluralizeWord(i: number, singular: string, plural?: string): string;
22
+ declare const QuickStartTileDescription: React.FC<QuickStartTileDescriptionProps>;
23
+ export default QuickStartTileDescription;
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.pluralizeWord = pluralizeWord;
30
+ const React = __importStar(require("react"));
31
+ const react_core_1 = require("@patternfly/react-core");
32
+ const info_circle_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/info-circle-icon"));
33
+ /** This function is a helper for pluralizing strings stolen from React.
34
+ *
35
+ * @param {number} i The quantity of the string you want to pluralize
36
+ * @param {string} singular The singular version of the string
37
+ * @param {string} plural The change to the string that should occur if the quantity is not equal to 1.
38
+ * Defaults to adding an 's'.
39
+ */
40
+ function pluralizeWord(i, singular, plural) {
41
+ if (!plural) {
42
+ plural = `${singular}s`;
43
+ }
44
+ return `${i === 1 ? singular : plural}`;
45
+ }
46
+ const QuickStartTileDescription = ({ description, prerequisites, prerequisiteWord = 'Prerequisite', prerequisiteWordPlural = 'Prerequisites', quickStartButtonAriaLabel = 'Show prerequisites' }) => {
47
+ const prereqs = prerequisites === null || prerequisites === void 0 ? void 0 : prerequisites.filter((p) => p);
48
+ const buttonRef = React.useRef(null);
49
+ const pluralizedPrereq = pluralizeWord((prereqs === null || prereqs === void 0 ? void 0 : prereqs.length) || 0, prerequisiteWord, prerequisiteWordPlural);
50
+ return (React.createElement(React.Fragment, null,
51
+ description,
52
+ prereqs && prereqs.length > 0 && (React.createElement(react_core_1.Flex, { spaceItems: { default: 'spaceItemsSm' } },
53
+ React.createElement("h5", null, (0, react_core_1.pluralize)(prereqs.length, prerequisiteWord, prerequisiteWordPlural)),
54
+ React.createElement(react_core_1.Button, { variant: "link", isInline: true, "data-testid": "qs-card-prereqs", ref: buttonRef, onClick: (e) => {
55
+ e.preventDefault();
56
+ e.stopPropagation();
57
+ }, "aria-label": quickStartButtonAriaLabel },
58
+ React.createElement(info_circle_icon_1.default, null)),
59
+ React.createElement(react_core_1.Popover, { "aria-label": pluralizedPrereq, headerContent: pluralizedPrereq, triggerRef: buttonRef, bodyContent: React.createElement("div", null,
60
+ React.createElement("ul", { "aria-label": pluralizedPrereq }, prereqs.map((prerequisite, index) => (
61
+ // eslint-disable-next-line react/no-array-index-key
62
+ React.createElement("li", { key: index }, prerequisite))))) })))));
63
+ };
64
+ exports.default = QuickStartTileDescription;
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
+ return new (P || (P = Promise))(function (resolve, reject) {
28
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
32
+ });
33
+ };
34
+ var __importDefault = (this && this.__importDefault) || function (mod) {
35
+ return (mod && mod.__esModule) ? mod : { "default": mod };
36
+ };
37
+ Object.defineProperty(exports, "__esModule", { value: true });
38
+ const react_1 = __importDefault(require("react"));
39
+ const react_2 = require("@testing-library/react");
40
+ require("@testing-library/jest-dom");
41
+ const user_event_1 = __importDefault(require("@testing-library/user-event"));
42
+ const monitor_sampleapp_quickstart_1 = require("./monitor-sampleapp-quickstart");
43
+ const QuickStartTileDescription_1 = __importStar(require("./QuickStartTileDescription"));
44
+ describe('pluralizeWord function', () => {
45
+ it('should render no plural correctly', () => {
46
+ expect((0, QuickStartTileDescription_1.pluralizeWord)(2, 'pizza')).toBe('pizzas');
47
+ });
48
+ });
49
+ describe('QuickStart tile description', () => {
50
+ it('should render no prereqs correctly', () => {
51
+ (0, react_2.render)(react_1.default.createElement(QuickStartTileDescription_1.default, { description: monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart.spec.description }));
52
+ expect(react_2.screen.queryByRole('heading')).toBeFalsy();
53
+ });
54
+ it('should render singular prereq correctly', () => {
55
+ (0, react_2.render)(react_1.default.createElement(QuickStartTileDescription_1.default, { description: monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart.spec.description, prerequisites: [`You completed the "Getting started with a sample" quick start.`] }));
56
+ expect(react_2.screen.getByRole('heading', { name: /1 Prerequisite/i })).toBeTruthy();
57
+ expect(react_2.screen.getByRole('button', { name: /Show prerequisite/i })).toBeTruthy();
58
+ });
59
+ it('should render plural prereq correctly', () => {
60
+ (0, react_2.render)(react_1.default.createElement(QuickStartTileDescription_1.default, { description: monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart.spec.description, prerequisites: [
61
+ `You completed the "Getting started with a sample" quick start.`,
62
+ `You completed the app quick start`
63
+ ] }));
64
+ expect(react_2.screen.getByRole('heading', { name: /2 Prerequisites/i })).toBeTruthy();
65
+ expect(react_2.screen.getByRole('button', { name: /Show prerequisites/i })).toBeTruthy();
66
+ });
67
+ it('should be able to click prereqs link', () => __awaiter(void 0, void 0, void 0, function* () {
68
+ (0, react_2.render)(react_1.default.createElement(QuickStartTileDescription_1.default, { description: monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart.spec.description, prerequisites: [`You completed the "Getting started with a sample" quick start.`] }));
69
+ const button = react_2.screen.getByRole('button', { name: /Show prerequisites/i });
70
+ expect(react_2.screen.queryByRole('dialog', { name: /Prerequisite/i })).toBeFalsy();
71
+ yield user_event_1.default.click(button);
72
+ expect(react_2.screen.getByRole('dialog', { name: /Prerequisite/i })).toBeTruthy();
73
+ expect(react_2.screen.getByRole('button', { name: /Close/i })).toBeTruthy();
74
+ expect(react_2.screen.getByText(/You completed the "Getting started with a sample" quick start./i)).toBeTruthy();
75
+ }));
76
+ });
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ interface QuickStartTileHeaderProps {
3
+ /** Name for the header */
4
+ name: string;
5
+ /** Id for the QuickStart */
6
+ quickStartId?: string;
7
+ /** Callback for when the name of the QuickStart is clicked */
8
+ onSelect: (e: React.FormEvent<HTMLInputElement> | React.MouseEvent<Element, MouseEvent>) => void;
9
+ }
10
+ declare const QuickStartTileHeader: React.FC<QuickStartTileHeaderProps>;
11
+ export default QuickStartTileHeader;