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

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 (370) 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 +28 -7
  52. package/dist/cjs/Message/Message.js +29 -14
  53. package/dist/cjs/Message/Message.test.js +89 -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/TextMessage/TextMessage.d.ts +2 -1
  73. package/dist/cjs/Message/TextMessage/TextMessage.js +2 -2
  74. package/dist/cjs/Message/UserFeedback/CloseButton.d.ts +10 -0
  75. package/dist/cjs/Message/UserFeedback/CloseButton.js +14 -0
  76. package/dist/cjs/Message/UserFeedback/UserFeedback.d.ts +39 -0
  77. package/dist/cjs/Message/UserFeedback/UserFeedback.js +55 -0
  78. package/dist/cjs/Message/UserFeedback/UserFeedback.test.d.ts +1 -0
  79. package/dist/cjs/Message/UserFeedback/UserFeedback.test.js +146 -0
  80. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.d.ts +42 -0
  81. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.js +117 -0
  82. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.test.d.ts +1 -0
  83. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.test.js +249 -0
  84. package/dist/cjs/MessageBar/AttachButton.js +4 -2
  85. package/dist/cjs/MessageBar/MessageBar.js +9 -12
  86. package/dist/cjs/MessageBar/MessageBar.test.js +4 -4
  87. package/dist/cjs/MessageBar/SendButton.js +3 -1
  88. package/dist/cjs/MessageBar/StopButton.js +3 -1
  89. package/dist/cjs/MessageBox/MessageBox.test.d.ts +1 -0
  90. package/dist/cjs/MessageBox/MessageBox.test.js +22 -0
  91. package/dist/cjs/PreviewAttachment/PreviewAttachment.test.d.ts +1 -0
  92. package/dist/cjs/PreviewAttachment/PreviewAttachment.test.js +28 -0
  93. package/dist/cjs/ResponseActions/ResponseActionButton.d.ts +10 -1
  94. package/dist/cjs/ResponseActions/ResponseActionButton.js +28 -5
  95. package/dist/cjs/ResponseActions/ResponseActionButton.test.d.ts +1 -0
  96. package/dist/cjs/ResponseActions/ResponseActionButton.test.js +54 -0
  97. package/dist/cjs/ResponseActions/ResponseActions.d.ts +12 -2
  98. package/dist/cjs/ResponseActions/ResponseActions.js +26 -9
  99. package/dist/cjs/ResponseActions/ResponseActions.test.js +79 -5
  100. package/dist/cjs/Settings/SettingsForm.d.ts +13 -0
  101. package/dist/cjs/Settings/SettingsForm.js +27 -0
  102. package/dist/cjs/Settings/SettingsForm.test.d.ts +1 -0
  103. package/dist/cjs/Settings/SettingsForm.test.js +26 -0
  104. package/dist/cjs/Settings/index.d.ts +2 -0
  105. package/dist/cjs/Settings/index.js +23 -0
  106. package/dist/cjs/TermsOfUse/TermsOfUse.d.ts +34 -0
  107. package/dist/cjs/TermsOfUse/TermsOfUse.js +49 -0
  108. package/dist/cjs/TermsOfUse/TermsOfUse.test.d.ts +1 -0
  109. package/dist/cjs/TermsOfUse/TermsOfUse.test.js +79 -0
  110. package/dist/cjs/TermsOfUse/index.d.ts +2 -0
  111. package/dist/cjs/TermsOfUse/index.js +23 -0
  112. package/dist/cjs/index.d.ts +6 -0
  113. package/dist/cjs/index.js +10 -1
  114. package/dist/css/main.css +372 -102
  115. package/dist/css/main.css.map +1 -1
  116. package/dist/dynamic/Compare/package.json +1 -0
  117. package/dist/dynamic/Settings/package.json +1 -0
  118. package/dist/dynamic/TermsOfUse/package.json +1 -0
  119. package/dist/esm/AttachmentEdit/AttachmentEdit.test.d.ts +1 -0
  120. package/dist/esm/AttachmentEdit/AttachmentEdit.test.js +47 -0
  121. package/dist/esm/Chatbot/Chatbot.test.d.ts +1 -0
  122. package/dist/esm/Chatbot/Chatbot.test.js +23 -0
  123. package/dist/esm/ChatbotAlert/ChatbotAlert.test.d.ts +1 -0
  124. package/dist/esm/ChatbotAlert/ChatbotAlert.test.js +22 -0
  125. package/dist/esm/ChatbotContent/ChatbotContent.test.d.ts +1 -0
  126. package/dist/esm/ChatbotContent/ChatbotContent.test.js +13 -0
  127. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js +3 -1
  128. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +17 -1
  129. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +9 -9
  130. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js +39 -3
  131. package/dist/esm/ChatbotFooter/ChatbotFooter.test.d.ts +1 -0
  132. package/dist/esm/ChatbotFooter/ChatbotFooter.test.js +13 -0
  133. package/dist/esm/ChatbotFooter/ChatbotFooternote.test.d.ts +1 -0
  134. package/dist/esm/ChatbotFooter/ChatbotFooternote.test.js +82 -0
  135. package/dist/esm/ChatbotHeader/ChatbotHeader.test.d.ts +1 -0
  136. package/dist/esm/ChatbotHeader/ChatbotHeader.test.js +13 -0
  137. package/dist/esm/ChatbotHeader/ChatbotHeaderActions.test.d.ts +1 -0
  138. package/dist/esm/ChatbotHeader/ChatbotHeaderActions.test.js +13 -0
  139. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.d.ts +17 -0
  140. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.js +10 -0
  141. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.d.ts +1 -0
  142. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.js +15 -0
  143. package/dist/esm/ChatbotHeader/ChatbotHeaderMain.test.d.ts +1 -0
  144. package/dist/esm/ChatbotHeader/ChatbotHeaderMain.test.js +13 -0
  145. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.d.ts +2 -0
  146. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js +4 -2
  147. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.d.ts +1 -0
  148. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.js +15 -0
  149. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +3 -1
  150. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts +1 -0
  151. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js +38 -0
  152. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +3 -1
  153. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts +1 -0
  154. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js +36 -0
  155. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.test.d.ts +1 -0
  156. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.test.js +42 -0
  157. package/dist/esm/ChatbotHeader/index.d.ts +1 -0
  158. package/dist/esm/ChatbotHeader/index.js +1 -0
  159. package/dist/esm/ChatbotToggle/ChatbotToggle.js +3 -1
  160. package/dist/esm/CodeModal/CodeModal.js +2 -12
  161. package/dist/esm/Compare/Compare.d.ts +17 -0
  162. package/dist/esm/Compare/Compare.js +43 -0
  163. package/dist/esm/Compare/Compare.test.d.ts +1 -0
  164. package/dist/esm/Compare/Compare.test.js +15 -0
  165. package/dist/esm/Compare/index.d.ts +2 -0
  166. package/dist/esm/Compare/index.js +2 -0
  167. package/dist/esm/Message/ListMessage/OrderedListMessage.d.ts +1 -1
  168. package/dist/esm/Message/ListMessage/OrderedListMessage.js +2 -2
  169. package/dist/esm/Message/Message.d.ts +28 -7
  170. package/dist/esm/Message/Message.js +27 -12
  171. package/dist/esm/Message/Message.test.js +89 -3
  172. package/dist/esm/Message/QuickResponse/QuickResponse.d.ts +17 -0
  173. package/dist/esm/Message/QuickResponse/QuickResponse.js +27 -0
  174. package/dist/esm/Message/QuickStarts/FallbackImg.d.ts +13 -0
  175. package/dist/esm/Message/QuickStarts/FallbackImg.js +9 -0
  176. package/dist/esm/Message/QuickStarts/QuickStartTile.d.ts +27 -0
  177. package/dist/esm/Message/QuickStarts/QuickStartTile.js +52 -0
  178. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.d.ts +23 -0
  179. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.js +35 -0
  180. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.test.d.ts +1 -0
  181. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.test.js +48 -0
  182. package/dist/esm/Message/QuickStarts/QuickStartTileHeader.d.ts +11 -0
  183. package/dist/esm/Message/QuickStarts/QuickStartTileHeader.js +5 -0
  184. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.d.ts +30 -0
  185. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.js +74 -0
  186. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart.d.ts +30 -0
  187. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart.js +74 -0
  188. package/dist/esm/Message/QuickStarts/types.d.ts +132 -0
  189. package/dist/esm/Message/QuickStarts/types.js +14 -0
  190. package/dist/esm/Message/TextMessage/TextMessage.d.ts +2 -1
  191. package/dist/esm/Message/TextMessage/TextMessage.js +3 -3
  192. package/dist/esm/Message/UserFeedback/CloseButton.d.ts +10 -0
  193. package/dist/esm/Message/UserFeedback/CloseButton.js +9 -0
  194. package/dist/esm/Message/UserFeedback/UserFeedback.d.ts +39 -0
  195. package/dist/esm/Message/UserFeedback/UserFeedback.js +50 -0
  196. package/dist/esm/Message/UserFeedback/UserFeedback.test.d.ts +1 -0
  197. package/dist/esm/Message/UserFeedback/UserFeedback.test.js +141 -0
  198. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.d.ts +42 -0
  199. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.js +112 -0
  200. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.test.d.ts +1 -0
  201. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.test.js +244 -0
  202. package/dist/esm/MessageBar/AttachButton.js +4 -2
  203. package/dist/esm/MessageBar/MessageBar.js +9 -12
  204. package/dist/esm/MessageBar/MessageBar.test.js +4 -4
  205. package/dist/esm/MessageBar/SendButton.js +3 -1
  206. package/dist/esm/MessageBar/StopButton.js +3 -1
  207. package/dist/esm/MessageBox/MessageBox.test.d.ts +1 -0
  208. package/dist/esm/MessageBox/MessageBox.test.js +17 -0
  209. package/dist/esm/PreviewAttachment/PreviewAttachment.test.d.ts +1 -0
  210. package/dist/esm/PreviewAttachment/PreviewAttachment.test.js +23 -0
  211. package/dist/esm/ResponseActions/ResponseActionButton.d.ts +10 -1
  212. package/dist/esm/ResponseActions/ResponseActionButton.js +25 -2
  213. package/dist/esm/ResponseActions/ResponseActionButton.test.d.ts +1 -0
  214. package/dist/esm/ResponseActions/ResponseActionButton.test.js +49 -0
  215. package/dist/esm/ResponseActions/ResponseActions.d.ts +12 -2
  216. package/dist/esm/ResponseActions/ResponseActions.js +26 -9
  217. package/dist/esm/ResponseActions/ResponseActions.test.js +79 -5
  218. package/dist/esm/Settings/SettingsForm.d.ts +13 -0
  219. package/dist/esm/Settings/SettingsForm.js +20 -0
  220. package/dist/esm/Settings/SettingsForm.test.d.ts +1 -0
  221. package/dist/esm/Settings/SettingsForm.test.js +21 -0
  222. package/dist/esm/Settings/index.d.ts +2 -0
  223. package/dist/esm/Settings/index.js +2 -0
  224. package/dist/esm/TermsOfUse/TermsOfUse.d.ts +34 -0
  225. package/dist/esm/TermsOfUse/TermsOfUse.js +42 -0
  226. package/dist/esm/TermsOfUse/TermsOfUse.test.d.ts +1 -0
  227. package/dist/esm/TermsOfUse/TermsOfUse.test.js +74 -0
  228. package/dist/esm/TermsOfUse/index.d.ts +2 -0
  229. package/dist/esm/TermsOfUse/index.js +2 -0
  230. package/dist/esm/index.d.ts +6 -0
  231. package/dist/esm/index.js +6 -0
  232. package/dist/tsconfig.tsbuildinfo +1 -1
  233. package/package.json +7 -13
  234. package/patternfly-docs/content/extensions/chatbot/about-chatbot.md +5 -2
  235. package/patternfly-docs/content/extensions/chatbot/design-guidelines.md +41 -4
  236. package/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx +142 -13
  237. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithCustomResponseActions.tsx +4 -0
  238. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedback.tsx +71 -0
  239. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedbackTimeout.tsx +27 -0
  240. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickStart.tsx +31 -0
  241. package/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md +63 -11
  242. package/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx +182 -12
  243. package/patternfly-docs/content/extensions/chatbot/examples/Messages/explore-pipeline-quickstart.ts +65 -0
  244. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFooter.tsx +1 -1
  245. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFootnote.tsx +2 -2
  246. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawer.tsx +2 -2
  247. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerNavigation.tsx +67 -0
  248. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerResizable.tsx +94 -0
  249. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx +1 -1
  250. package/patternfly-docs/content/extensions/chatbot/examples/UI/PF-TermsAndConditionsHeader.svg +148 -0
  251. package/patternfly-docs/content/extensions/chatbot/examples/UI/Settings.tsx +289 -0
  252. package/patternfly-docs/content/extensions/chatbot/examples/UI/SquareChatbotToggle.tsx +1 -1
  253. package/patternfly-docs/content/extensions/chatbot/examples/UI/TermsOfUse.tsx +147 -0
  254. package/patternfly-docs/content/extensions/chatbot/examples/UI/UI.md +49 -6
  255. package/patternfly-docs/content/extensions/chatbot/examples/demos/AttachmentDemos.md +14 -0
  256. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md +26 -3
  257. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.tsx +2 -2
  258. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachment.tsx +20 -19
  259. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx +2 -2
  260. package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx +2 -2
  261. package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx +206 -0
  262. package/patternfly-docs/content/extensions/chatbot/examples/demos/Feedback.tsx +104 -0
  263. package/patternfly-docs/content/extensions/chatbot/img/attached-file.svg +24 -29
  264. package/patternfly-docs/content/extensions/chatbot/img/attachment-menu.svg +4 -4
  265. package/patternfly-docs/content/extensions/chatbot/img/attachment-unsent.svg +30 -57
  266. package/patternfly-docs/content/extensions/chatbot/img/chatbot-elements.svg +5 -5
  267. package/patternfly-docs/content/extensions/chatbot/img/chatbot-quickstarts-tile.svg +58 -0
  268. package/patternfly-docs/content/extensions/chatbot/img/chatbot-settings.svg +83 -0
  269. package/patternfly-docs/content/extensions/chatbot/img/conversation-history.svg +6 -29
  270. package/patternfly-docs/content/extensions/chatbot/img/docked.svg +68 -49
  271. package/patternfly-docs/content/extensions/chatbot/img/footnote.svg +1 -1
  272. package/patternfly-docs/content/extensions/chatbot/img/fullscreen.svg +25 -16
  273. package/patternfly-docs/content/extensions/chatbot/img/listening.svg +1 -1
  274. package/patternfly-docs/content/extensions/chatbot/img/message-bar-elements.svg +3 -3
  275. package/patternfly-docs/content/extensions/chatbot/img/message-elements.svg +85 -142
  276. package/patternfly-docs/content/extensions/chatbot/img/overlay.svg +52 -36
  277. package/patternfly-docs/content/extensions/chatbot/img/settings-menu.svg +122 -0
  278. package/patternfly-docs/content/extensions/chatbot/img/source-tile.svg +62 -0
  279. package/patternfly-docs/content/extensions/chatbot/img/toggle-customizations.svg +12 -0
  280. package/src/AttachMenu/AttachMenu.scss +1 -1
  281. package/src/AttachmentEdit/AttachmentEdit.test.tsx +55 -0
  282. package/src/Chatbot/Chatbot.test.tsx +31 -0
  283. package/src/ChatbotAlert/ChatbotAlert.test.tsx +31 -0
  284. package/src/ChatbotContent/ChatbotContent.test.tsx +15 -0
  285. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx +7 -1
  286. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +8 -1
  287. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx +112 -3
  288. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +41 -8
  289. package/src/ChatbotFooter/ChatbotFooter.scss +2 -6
  290. package/src/ChatbotFooter/ChatbotFooter.test.tsx +15 -0
  291. package/src/ChatbotFooter/ChatbotFooternote.test.tsx +84 -0
  292. package/src/ChatbotHeader/ChatbotHeader.scss +2 -5
  293. package/src/ChatbotHeader/ChatbotHeader.test.tsx +15 -0
  294. package/src/ChatbotHeader/ChatbotHeaderActions.test.tsx +17 -0
  295. package/src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx +20 -0
  296. package/src/ChatbotHeader/ChatbotHeaderCloseButton.tsx +57 -0
  297. package/src/ChatbotHeader/ChatbotHeaderMain.test.tsx +17 -0
  298. package/src/ChatbotHeader/ChatbotHeaderMenu.test.tsx +19 -0
  299. package/src/ChatbotHeader/ChatbotHeaderMenu.tsx +11 -2
  300. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx +45 -0
  301. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +8 -1
  302. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx +43 -0
  303. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx +8 -1
  304. package/src/ChatbotHeader/ChatbotHeaderTitle.test.tsx +59 -0
  305. package/src/ChatbotHeader/index.ts +1 -0
  306. package/src/ChatbotModal/ChatbotModal.scss +1 -1
  307. package/src/ChatbotToggle/ChatbotToggle.tsx +6 -1
  308. package/src/CodeModal/CodeModal.scss +9 -1
  309. package/src/CodeModal/CodeModal.tsx +2 -13
  310. package/src/Compare/Compare.scss +72 -0
  311. package/src/Compare/Compare.test.tsx +31 -0
  312. package/src/Compare/Compare.tsx +98 -0
  313. package/src/Compare/index.ts +2 -0
  314. package/src/FileDetails/FileDetails.scss +1 -1
  315. package/src/FileDropZone/__snapshots__/FileDropZone.test.tsx.snap +1 -1
  316. package/src/Message/CodeBlockMessage/CodeBlockMessage.scss +4 -4
  317. package/src/Message/ListMessage/ListMessage.scss +5 -5
  318. package/src/Message/ListMessage/OrderedListMessage.tsx +2 -2
  319. package/src/Message/Message.scss +4 -26
  320. package/src/Message/Message.test.tsx +116 -3
  321. package/src/Message/Message.tsx +72 -22
  322. package/src/Message/MessageLoading.scss +2 -2
  323. package/src/Message/QuickResponse/QuickResponse.scss +33 -0
  324. package/src/Message/QuickResponse/QuickResponse.tsx +54 -0
  325. package/src/Message/QuickStarts/FallbackImg.tsx +24 -0
  326. package/src/Message/QuickStarts/QuickStartTile.scss +24 -0
  327. package/src/Message/QuickStarts/QuickStartTile.tsx +147 -0
  328. package/src/Message/QuickStarts/QuickStartTileDescription.test.tsx +57 -0
  329. package/src/Message/QuickStarts/QuickStartTileDescription.tsx +81 -0
  330. package/src/Message/QuickStarts/QuickStartTileHeader.tsx +21 -0
  331. package/src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts +75 -0
  332. package/src/Message/QuickStarts/monitor-sampleapp-quickstart.ts +75 -0
  333. package/src/Message/QuickStarts/types.ts +154 -0
  334. package/src/Message/TextMessage/TextMessage.scss +8 -11
  335. package/src/Message/TextMessage/TextMessage.tsx +3 -3
  336. package/src/Message/UserFeedback/CloseButton.tsx +21 -0
  337. package/src/Message/UserFeedback/UserFeedback.scss +53 -0
  338. package/src/Message/UserFeedback/UserFeedback.test.tsx +257 -0
  339. package/src/Message/UserFeedback/UserFeedback.tsx +132 -0
  340. package/src/Message/UserFeedback/UserFeedbackComplete.test.tsx +255 -0
  341. package/src/Message/UserFeedback/UserFeedbackComplete.tsx +211 -0
  342. package/src/MessageBar/AttachButton.scss +19 -3
  343. package/src/MessageBar/AttachButton.tsx +3 -1
  344. package/src/MessageBar/MessageBar.scss +3 -2
  345. package/src/MessageBar/MessageBar.test.tsx +4 -4
  346. package/src/MessageBar/MessageBar.tsx +9 -12
  347. package/src/MessageBar/MicrophoneButton.scss +8 -8
  348. package/src/MessageBar/SendButton.tsx +2 -0
  349. package/src/MessageBar/StopButton.scss +17 -3
  350. package/src/MessageBar/StopButton.tsx +2 -0
  351. package/src/MessageBox/JumpButton.scss +6 -6
  352. package/src/MessageBox/MessageBox.test.tsx +26 -0
  353. package/src/PreviewAttachment/PreviewAttachment.test.tsx +51 -0
  354. package/src/ResponseActions/ResponseActionButton.test.tsx +52 -0
  355. package/src/ResponseActions/ResponseActionButton.tsx +59 -28
  356. package/src/ResponseActions/ResponseActions.scss +11 -9
  357. package/src/ResponseActions/ResponseActions.test.tsx +103 -5
  358. package/src/ResponseActions/ResponseActions.tsx +80 -9
  359. package/src/Settings/Settings.scss +34 -0
  360. package/src/Settings/SettingsForm.test.tsx +28 -0
  361. package/src/Settings/SettingsForm.tsx +25 -0
  362. package/src/Settings/index.ts +3 -0
  363. package/src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss +1 -1
  364. package/src/SourcesCard/SourcesCard.scss +2 -2
  365. package/src/TermsOfUse/TermsOfUse.scss +66 -0
  366. package/src/TermsOfUse/TermsOfUse.test.tsx +138 -0
  367. package/src/TermsOfUse/TermsOfUse.tsx +117 -0
  368. package/src/TermsOfUse/index.ts +3 -0
  369. package/src/index.ts +9 -0
  370. package/src/main.scss +6 -4
@@ -0,0 +1,12 @@
1
+ <svg width="367" height="121" viewBox="0 0 367 121" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="367" height="121" fill="white"/>
3
+ <path d="M24 77C24 63.7452 34.7452 53 48 53C61.2548 53 72 63.7452 72 77C72 90.2548 61.2548 101 48 101C34.7452 101 24 90.2548 24 77Z" fill="#292929"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M59.0392 86.6644C59.4225 86.6644 59.7683 86.4353 59.9224 86.0812C60.0724 85.7271 60.0016 85.3188 59.7391 85.0396C59.7225 85.0271 58.8017 84.0356 58.1643 82.7566C59.31 81.6275 59.9974 80.211 59.9974 78.6654C59.9974 75.3325 56.8103 72.5786 52.6566 72.087C51.3443 69.6873 48.2613 68 44.6659 68C39.879 68 36.0003 70.983 36.0003 74.6659C36.0003 76.2074 36.6877 77.6239 37.8334 78.7571C37.196 80.0361 36.2794 81.0276 36.2627 81.0443C36.0003 81.3234 35.9253 81.7317 36.0794 82.0858C36.2294 82.4399 36.5794 82.6691 36.9626 82.6691C39.1915 82.6691 40.9913 81.8275 42.1787 81.0526C42.562 81.1401 42.9578 81.2068 43.3619 81.2568C44.6701 83.6481 47.7405 85.3313 51.3318 85.3313C52.1983 85.3313 53.0316 85.2313 53.8231 85.048C55.0105 85.8187 56.8061 86.6644 59.0392 86.6644ZM39.2915 80.2652C39.404 80.0694 39.5165 79.8611 39.6248 79.6486L40.2705 78.3529L39.2373 77.3322C38.6749 76.7739 38 75.8616 38 74.6659C38 72.137 41.0538 69.9998 44.6659 69.9998C48.2779 69.9998 51.3317 72.137 51.3317 74.6659C51.3317 77.1947 48.2779 79.332 44.6659 79.332C43.9784 79.332 43.291 79.2528 42.6244 79.0987L41.7995 78.9112L41.0871 79.3736C40.4997 79.7528 39.8997 80.0527 39.2915 80.2652ZM56.7103 84.2606C56.102 84.0481 55.5021 83.7481 54.9147 83.369L54.2023 82.9066L53.3732 83.0982C52.7066 83.2523 52.0192 83.3315 51.3318 83.3315C49.082 83.3315 47.0739 82.4941 45.8616 81.2609C50.0819 80.811 53.3315 78.0363 53.3315 74.6659C53.3315 74.5242 53.3148 74.3867 53.3023 74.2493C55.9854 74.8534 57.9976 76.6156 57.9976 78.6654C57.9976 79.8611 57.3227 80.7735 56.7603 81.3318L55.7312 82.3483L56.377 83.644C56.4853 83.8564 56.5978 84.0647 56.7103 84.2606Z" fill="white"/>
5
+ <path d="M148 77C148 63.7452 158.745 53 172 53C185.255 53 196 63.7452 196 77C196 90.2548 185.255 101 172 101C158.745 101 148 90.2548 148 77Z" fill="#292929"/>
6
+ <path d="M183.961 85.288C183.961 87.3168 182.317 88.9614 180.288 88.9614H170.16C169.592 88.9614 169.239 88.3447 169.526 87.8549L175.401 77.8442C173.671 76.7277 172.195 75.2518 171.079 73.5222L161.068 79.3967C160.587 79.6791 159.983 79.3431 159.962 78.7928L159.961 68.6349C159.961 66.6061 161.606 64.9614 163.635 64.9614H183.227C183.632 64.9614 183.961 65.2904 183.961 65.6961V85.288ZM176.674 78.5772L171.443 87.492H180.288C181.49 87.492 182.468 86.5295 182.492 85.3329L182.492 85.288L182.492 80.1268C180.406 80.0223 178.435 79.4751 176.674 78.5772ZM182.492 68.6632L177.419 77.3071C178.927 78.0626 180.601 78.5331 182.373 78.6481L182.492 78.6548L182.492 68.6632ZM168.796 66.4306L163.635 66.4308C162.418 66.4308 161.431 67.4176 161.431 68.6349V77.4801L170.345 72.2483C169.448 70.487 168.901 68.5171 168.796 66.4306ZM181.539 67.3833L172.347 72.7776C173.335 74.2921 174.631 75.5877 176.145 76.5756L181.539 67.3833ZM180.26 66.4308H170.268L170.275 66.5495C170.39 68.3211 170.86 69.9958 171.615 71.5031L180.26 66.4308Z" fill="white"/>
7
+ <path d="M272 59C272 55.6863 274.686 53 278 53H314C317.314 53 320 55.6863 320 59V95C320 98.3137 317.314 101 314 101H278C274.686 101 272 98.3137 272 95V59Z" fill="#292929"/>
8
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M307.039 86.6644C307.422 86.6644 307.768 86.4353 307.922 86.0812C308.072 85.7271 308.002 85.3188 307.739 85.0396C307.722 85.0271 306.802 84.0356 306.164 82.7566C307.31 81.6275 307.997 80.211 307.997 78.6654C307.997 75.3325 304.81 72.5786 300.657 72.087C299.344 69.6873 296.261 68 292.666 68C287.879 68 284 70.983 284 74.6659C284 76.2074 284.688 77.6239 285.833 78.7571C285.196 80.0361 284.279 81.0276 284.263 81.0443C284 81.3234 283.925 81.7317 284.079 82.0858C284.229 82.4399 284.579 82.6691 284.963 82.6691C287.192 82.6691 288.991 81.8275 290.179 81.0526C290.562 81.1401 290.958 81.2068 291.362 81.2568C292.67 83.6481 295.741 85.3313 299.332 85.3313C300.198 85.3313 301.032 85.2313 301.823 85.048C303.01 85.8187 304.806 86.6644 307.039 86.6644ZM287.291 80.2652C287.404 80.0694 287.516 79.8611 287.625 79.6486L288.271 78.3529L287.237 77.3322C286.675 76.7739 286 75.8616 286 74.6659C286 72.137 289.054 69.9998 292.666 69.9998C296.278 69.9998 299.332 72.137 299.332 74.6659C299.332 77.1947 296.278 79.332 292.666 79.332C291.978 79.332 291.291 79.2528 290.624 79.0987L289.8 78.9112L289.087 79.3736C288.5 79.7528 287.9 80.0527 287.291 80.2652ZM304.71 84.2606C304.102 84.0481 303.502 83.7481 302.915 83.369L302.202 82.9066L301.373 83.0982C300.707 83.2523 300.019 83.3315 299.332 83.3315C297.082 83.3315 295.074 82.4941 293.862 81.2609C298.082 80.811 301.332 78.0363 301.332 74.6659C301.332 74.5242 301.315 74.3867 301.302 74.2493C303.985 74.8534 305.998 76.6156 305.998 78.6654C305.998 79.8611 305.323 80.7735 304.76 81.3318L303.731 82.3483L304.377 83.644C304.485 83.8564 304.598 84.0647 304.71 84.2606Z" fill="white"/>
9
+ <path d="M26.2322 34.034H28.4722C29.1815 34.034 29.8162 33.8613 30.3762 33.516C30.9362 33.1707 31.3795 32.704 31.7062 32.116C32.0422 31.5187 32.2102 30.8467 32.2102 30.1C32.2102 29.3533 32.0422 28.686 31.7062 28.098C31.3795 27.5007 30.9362 27.0293 30.3762 26.684C29.8162 26.3387 29.1815 26.166 28.4722 26.166H26.2322V34.034ZM25.1542 35V25.2H28.4022C29.1209 25.2 29.7789 25.326 30.3762 25.578C30.9829 25.8207 31.5009 26.166 31.9302 26.614C32.3689 27.0527 32.7049 27.5707 32.9382 28.168C33.1809 28.756 33.3022 29.4 33.3022 30.1C33.3022 30.8 33.1809 31.4487 32.9382 32.046C32.7049 32.634 32.3689 33.152 31.9302 33.6C31.5009 34.0387 30.9829 34.384 30.3762 34.636C29.7789 34.8787 29.1209 35 28.4022 35H25.1542ZM38.2238 35.14C37.5891 35.14 37.0151 34.986 36.5018 34.678C35.9884 34.3607 35.5824 33.936 35.2838 33.404C34.9851 32.8627 34.8358 32.256 34.8358 31.584C34.8358 30.912 34.9758 30.31 35.2558 29.778C35.5451 29.246 35.9324 28.826 36.4178 28.518C36.9031 28.21 37.4444 28.056 38.0418 28.056C38.6484 28.056 39.1851 28.21 39.6518 28.518C40.1278 28.8167 40.5011 29.2273 40.7718 29.75C41.0518 30.2633 41.1918 30.8467 41.1918 31.5V31.808H35.8298C35.8671 32.2747 35.9931 32.6947 36.2078 33.068C36.4318 33.432 36.7211 33.7213 37.0758 33.936C37.4398 34.1413 37.8364 34.244 38.2658 34.244C38.6204 34.244 38.9611 34.1833 39.2878 34.062C39.6238 33.9313 39.9084 33.7587 40.1418 33.544L40.7858 34.23C40.3938 34.538 39.9878 34.7667 39.5678 34.916C39.1478 35.0653 38.6998 35.14 38.2238 35.14ZM35.8578 31.08H40.1838C40.1371 30.6693 40.0111 30.3053 39.8058 29.988C39.6098 29.6613 39.3578 29.4047 39.0498 29.218C38.7511 29.0313 38.4151 28.938 38.0418 28.938C37.6684 28.938 37.3278 29.0313 37.0198 29.218C36.7118 29.3953 36.4551 29.6473 36.2498 29.974C36.0538 30.2913 35.9231 30.66 35.8578 31.08ZM43.5996 35V29.008H42.0736V28.168H43.5996V26.74C43.5996 26.068 43.777 25.55 44.1316 25.186C44.4863 24.822 44.9903 24.64 45.6436 24.64C45.8303 24.64 45.9983 24.6493 46.1476 24.668C46.3063 24.6867 46.4463 24.7193 46.5676 24.766V25.69C46.4183 25.6433 46.283 25.6107 46.1616 25.592C46.0403 25.5733 45.9003 25.564 45.7416 25.564C45.3496 25.564 45.065 25.662 44.8876 25.858C44.7103 26.0447 44.6216 26.3433 44.6216 26.754V28.168H46.5676V29.008H44.6216V35H43.5996ZM49.8222 35.126C49.3369 35.126 48.9075 35.0373 48.5342 34.86C48.1609 34.6827 47.8669 34.44 47.6522 34.132C47.4469 33.8147 47.3442 33.4507 47.3442 33.04C47.3442 32.6293 47.4515 32.2747 47.6662 31.976C47.8809 31.668 48.1795 31.43 48.5622 31.262C48.9449 31.094 49.3929 31.01 49.9062 31.01C50.2982 31.01 50.6669 31.052 51.0122 31.136C51.3669 31.22 51.6935 31.3553 51.9922 31.542V30.604C51.9922 30.044 51.8429 29.624 51.5442 29.344C51.2455 29.0547 50.8069 28.91 50.2282 28.91C49.9109 28.91 49.5842 28.9567 49.2482 29.05C48.9215 29.1433 48.5575 29.2927 48.1562 29.498L47.7782 28.714C48.6929 28.2753 49.5515 28.056 50.3542 28.056C51.2035 28.056 51.8569 28.266 52.3142 28.686C52.7715 29.0967 53.0002 29.6893 53.0002 30.464V35H51.9922V34.202C51.6935 34.51 51.3622 34.7433 50.9982 34.902C50.6342 35.0513 50.2422 35.126 49.8222 35.126ZM48.3242 33.012C48.3242 33.4133 48.4782 33.7353 48.7862 33.978C49.1035 34.2207 49.5189 34.342 50.0322 34.342C50.4149 34.342 50.7649 34.2767 51.0822 34.146C51.4089 34.0153 51.7122 33.8193 51.9922 33.558V32.242C51.7029 32.074 51.4042 31.9527 51.0962 31.878C50.7882 31.794 50.4429 31.752 50.0602 31.752C49.5375 31.752 49.1175 31.8687 48.8002 32.102C48.4829 32.326 48.3242 32.6293 48.3242 33.012ZM57.445 35.112C56.9597 35.112 56.5303 35.0047 56.157 34.79C55.7837 34.5753 55.4897 34.2767 55.275 33.894C55.0697 33.5113 54.967 33.0727 54.967 32.578V28.168H56.003V32.284C56.003 32.8907 56.1663 33.3713 56.493 33.726C56.8197 34.0807 57.263 34.258 57.823 34.258C58.2057 34.258 58.5463 34.1693 58.845 33.992C59.153 33.8147 59.4097 33.558 59.615 33.222V28.168H60.637V35H59.615V33.894C59.3537 34.2953 59.041 34.5987 58.677 34.804C58.3223 35.0093 57.9117 35.112 57.445 35.112ZM62.7336 35V24.892L63.7556 24.682V35H62.7336ZM68.4548 35.14C67.8668 35.14 67.4188 35 67.1108 34.72C66.8121 34.4307 66.6628 34.0153 66.6628 33.474V29.008H65.2488V28.168H66.6628V26.292L67.6848 26.054V28.168H69.6448V29.008H67.6848V33.208C67.6848 33.572 67.7594 33.8333 67.9088 33.992C68.0674 34.1507 68.3241 34.23 68.6788 34.23C68.8561 34.23 69.0148 34.216 69.1548 34.188C69.2948 34.16 69.4581 34.1133 69.6448 34.048V34.958C69.4581 35.0233 69.2621 35.07 69.0568 35.098C68.8514 35.126 68.6508 35.14 68.4548 35.14Z" fill="#4D4D4D"/>
10
+ <path d="M137.714 35.154C137.014 35.154 136.361 35.028 135.754 34.776C135.157 34.5147 134.63 34.1553 134.172 33.698C133.715 33.2313 133.36 32.6947 133.108 32.088C132.856 31.472 132.73 30.8093 132.73 30.1C132.73 29.3907 132.856 28.7327 133.108 28.126C133.36 27.51 133.715 26.9733 134.172 26.516C134.63 26.0493 135.157 25.69 135.754 25.438C136.361 25.1767 137.014 25.046 137.714 25.046C138.2 25.046 138.662 25.1113 139.1 25.242C139.548 25.3633 139.968 25.5453 140.36 25.788C140.752 26.0213 141.102 26.3107 141.41 26.656L140.696 27.398C140.332 26.9593 139.884 26.6233 139.352 26.39C138.83 26.1473 138.284 26.026 137.714 26.026C137.164 26.026 136.65 26.1287 136.174 26.334C135.698 26.5393 135.283 26.8287 134.928 27.202C134.583 27.5753 134.312 28.0093 134.116 28.504C133.92 28.9893 133.822 29.5213 133.822 30.1C133.822 30.6693 133.92 31.2013 134.116 31.696C134.312 32.1907 134.583 32.6247 134.928 32.998C135.283 33.3713 135.698 33.6607 136.174 33.866C136.65 34.0713 137.164 34.174 137.714 34.174C138.284 34.174 138.83 34.0527 139.352 33.81C139.884 33.5673 140.332 33.2313 140.696 32.802L141.41 33.544C141.102 33.8893 140.752 34.1833 140.36 34.426C139.968 34.6593 139.548 34.8413 139.1 34.972C138.662 35.0933 138.2 35.154 137.714 35.154ZM145.385 35.112C144.9 35.112 144.471 35.0047 144.097 34.79C143.724 34.5753 143.43 34.2767 143.215 33.894C143.01 33.5113 142.907 33.0727 142.907 32.578V28.168H143.943V32.284C143.943 32.8907 144.107 33.3713 144.433 33.726C144.76 34.0807 145.203 34.258 145.763 34.258C146.146 34.258 146.487 34.1693 146.785 33.992C147.093 33.8147 147.35 33.558 147.555 33.222V28.168H148.577V35H147.555V33.894C147.294 34.2953 146.981 34.5987 146.617 34.804C146.263 35.0093 145.852 35.112 145.385 35.112ZM152.788 35.14C152.228 35.14 151.71 35.056 151.234 34.888C150.758 34.7107 150.352 34.4587 150.016 34.132L150.562 33.46C150.973 33.7587 151.351 33.978 151.696 34.118C152.041 34.2487 152.396 34.314 152.76 34.314C153.255 34.314 153.665 34.1973 153.992 33.964C154.319 33.7307 154.482 33.432 154.482 33.068C154.482 32.788 154.384 32.5687 154.188 32.41C154.001 32.2513 153.689 32.13 153.25 32.046L152.13 31.85C151.467 31.7287 150.977 31.5233 150.66 31.234C150.352 30.9447 150.198 30.5527 150.198 30.058C150.198 29.666 150.301 29.3207 150.506 29.022C150.721 28.7233 151.015 28.49 151.388 28.322C151.761 28.1447 152.186 28.056 152.662 28.056C153.129 28.056 153.572 28.126 153.992 28.266C154.412 28.3967 154.837 28.6113 155.266 28.91L154.762 29.624C154.407 29.372 154.053 29.19 153.698 29.078C153.343 28.9567 152.984 28.896 152.62 28.896C152.172 28.896 151.813 28.994 151.542 29.19C151.271 29.386 151.136 29.652 151.136 29.988C151.136 30.268 151.22 30.4827 151.388 30.632C151.565 30.7813 151.873 30.8933 152.312 30.968L153.46 31.178C154.151 31.2993 154.655 31.5093 154.972 31.808C155.289 32.1067 155.448 32.508 155.448 33.012C155.448 33.4133 155.331 33.7773 155.098 34.104C154.865 34.4213 154.547 34.6733 154.146 34.86C153.745 35.0467 153.292 35.14 152.788 35.14ZM159.471 35.14C158.883 35.14 158.435 35 158.127 34.72C157.829 34.4307 157.679 34.0153 157.679 33.474V29.008H156.265V28.168H157.679V26.292L158.701 26.054V28.168H160.661V29.008H158.701V33.208C158.701 33.572 158.776 33.8333 158.925 33.992C159.084 34.1507 159.341 34.23 159.695 34.23C159.873 34.23 160.031 34.216 160.171 34.188C160.311 34.16 160.475 34.1133 160.661 34.048V34.958C160.475 35.0233 160.279 35.07 160.073 35.098C159.868 35.126 159.667 35.14 159.471 35.14ZM165.046 35.112C164.411 35.112 163.842 34.958 163.338 34.65C162.834 34.342 162.437 33.922 162.148 33.39C161.858 32.858 161.714 32.256 161.714 31.584C161.714 30.912 161.858 30.31 162.148 29.778C162.437 29.246 162.834 28.826 163.338 28.518C163.842 28.21 164.411 28.056 165.046 28.056C165.671 28.056 166.231 28.21 166.726 28.518C167.23 28.826 167.626 29.246 167.916 29.778C168.205 30.31 168.35 30.912 168.35 31.584C168.35 32.256 168.205 32.858 167.916 33.39C167.626 33.922 167.23 34.342 166.726 34.65C166.231 34.958 165.671 35.112 165.046 35.112ZM165.032 34.216C165.48 34.216 165.876 34.104 166.222 33.88C166.567 33.6467 166.838 33.3293 167.034 32.928C167.239 32.5267 167.342 32.0787 167.342 31.584C167.342 31.08 167.239 30.632 167.034 30.24C166.838 29.8387 166.567 29.526 166.222 29.302C165.876 29.0687 165.48 28.952 165.032 28.952C164.584 28.952 164.187 29.0687 163.842 29.302C163.496 29.526 163.221 29.8387 163.016 30.24C162.82 30.632 162.722 31.08 162.722 31.584C162.722 32.0787 162.82 32.5267 163.016 32.928C163.221 33.3293 163.496 33.6467 163.842 33.88C164.187 34.104 164.584 34.216 165.032 34.216ZM170.143 35V28.168H171.165V29.232C171.426 28.84 171.725 28.546 172.061 28.35C172.397 28.154 172.775 28.056 173.195 28.056C173.68 28.056 174.105 28.1773 174.469 28.42C174.833 28.6533 175.108 28.9753 175.295 29.386C175.565 28.9473 175.887 28.616 176.261 28.392C176.643 28.168 177.082 28.056 177.577 28.056C178.034 28.056 178.435 28.1633 178.781 28.378C179.135 28.5927 179.411 28.8913 179.607 29.274C179.803 29.6473 179.901 30.086 179.901 30.59V35H178.879V30.842C178.879 30.2447 178.729 29.7733 178.431 29.428C178.132 29.0827 177.721 28.91 177.199 28.91C176.844 28.91 176.522 28.9987 176.233 29.176C175.953 29.3533 175.705 29.624 175.491 29.988C175.509 30.0813 175.523 30.1793 175.533 30.282C175.542 30.3847 175.547 30.4873 175.547 30.59V35H174.525V30.842C174.525 30.2447 174.371 29.7733 174.063 29.428C173.764 29.0827 173.353 28.91 172.831 28.91C172.131 28.91 171.575 29.246 171.165 29.918V35H170.143ZM185.223 35V28.168H186.245V35H185.223ZM185.741 26.474C185.535 26.474 185.358 26.404 185.209 26.264C185.069 26.1147 184.999 25.942 184.999 25.746C184.999 25.55 185.069 25.382 185.209 25.242C185.358 25.0927 185.535 25.018 185.741 25.018C185.946 25.018 186.119 25.0927 186.259 25.242C186.408 25.382 186.483 25.55 186.483 25.746C186.483 25.942 186.408 26.1147 186.259 26.264C186.119 26.404 185.946 26.474 185.741 26.474ZM191.406 35.112C190.771 35.112 190.197 34.958 189.684 34.65C189.18 34.3327 188.779 33.908 188.48 33.376C188.181 32.8347 188.032 32.2373 188.032 31.584C188.032 30.9213 188.181 30.324 188.48 29.792C188.779 29.26 189.18 28.84 189.684 28.532C190.197 28.2147 190.771 28.056 191.406 28.056C191.91 28.056 192.391 28.1493 192.848 28.336C193.305 28.5227 193.702 28.784 194.038 29.12L193.38 29.834C193.137 29.5633 192.843 29.3533 192.498 29.204C192.153 29.0547 191.803 28.98 191.448 28.98C191 28.98 190.594 29.0967 190.23 29.33C189.875 29.5633 189.591 29.876 189.376 30.268C189.161 30.66 189.054 31.0987 189.054 31.584C189.054 32.0693 189.161 32.508 189.376 32.9C189.591 33.292 189.875 33.6047 190.23 33.838C190.594 34.0713 191 34.188 191.448 34.188C191.803 34.188 192.153 34.1133 192.498 33.964C192.843 33.8053 193.137 33.5953 193.38 33.334L194.038 34.048C193.702 34.384 193.305 34.6453 192.848 34.832C192.391 35.0187 191.91 35.112 191.406 35.112ZM198.282 35.112C197.647 35.112 197.078 34.958 196.574 34.65C196.07 34.342 195.673 33.922 195.384 33.39C195.095 32.858 194.95 32.256 194.95 31.584C194.95 30.912 195.095 30.31 195.384 29.778C195.673 29.246 196.07 28.826 196.574 28.518C197.078 28.21 197.647 28.056 198.282 28.056C198.907 28.056 199.467 28.21 199.962 28.518C200.466 28.826 200.863 29.246 201.152 29.778C201.441 30.31 201.586 30.912 201.586 31.584C201.586 32.256 201.441 32.858 201.152 33.39C200.863 33.922 200.466 34.342 199.962 34.65C199.467 34.958 198.907 35.112 198.282 35.112ZM198.268 34.216C198.716 34.216 199.113 34.104 199.458 33.88C199.803 33.6467 200.074 33.3293 200.27 32.928C200.475 32.5267 200.578 32.0787 200.578 31.584C200.578 31.08 200.475 30.632 200.27 30.24C200.074 29.8387 199.803 29.526 199.458 29.302C199.113 29.0687 198.716 28.952 198.268 28.952C197.82 28.952 197.423 29.0687 197.078 29.302C196.733 29.526 196.457 29.8387 196.252 30.24C196.056 30.632 195.958 31.08 195.958 31.584C195.958 32.0787 196.056 32.5267 196.252 32.928C196.457 33.3293 196.733 33.6467 197.078 33.88C197.423 34.104 197.82 34.216 198.268 34.216ZM203.379 35V28.168H204.401V29.274C204.662 28.8633 204.975 28.56 205.339 28.364C205.703 28.1587 206.114 28.056 206.571 28.056C207.066 28.056 207.495 28.1633 207.859 28.378C208.232 28.5833 208.522 28.8773 208.727 29.26C208.942 29.6333 209.049 30.072 209.049 30.576V35H208.027V30.87C208.027 30.2633 207.859 29.7873 207.523 29.442C207.196 29.0873 206.753 28.91 206.193 28.91C205.82 28.91 205.479 28.9987 205.171 29.176C204.863 29.3533 204.606 29.6147 204.401 29.96V35H203.379Z" fill="#4D4D4D"/>
11
+ <path d="M256.958 35.154C256.258 35.154 255.605 35.028 254.998 34.776C254.401 34.5147 253.874 34.1553 253.416 33.698C252.959 33.2313 252.604 32.6947 252.352 32.088C252.1 31.472 251.974 30.8093 251.974 30.1C251.974 29.3907 252.1 28.7327 252.352 28.126C252.604 27.51 252.959 26.9733 253.416 26.516C253.874 26.0493 254.401 25.69 254.998 25.438C255.605 25.1767 256.258 25.046 256.958 25.046C257.444 25.046 257.906 25.1113 258.344 25.242C258.792 25.3633 259.212 25.5453 259.604 25.788C259.996 26.0213 260.346 26.3107 260.654 26.656L259.94 27.398C259.576 26.9593 259.128 26.6233 258.596 26.39C258.074 26.1473 257.528 26.026 256.958 26.026C256.408 26.026 255.894 26.1287 255.418 26.334C254.942 26.5393 254.527 26.8287 254.172 27.202C253.827 27.5753 253.556 28.0093 253.36 28.504C253.164 28.9893 253.066 29.5213 253.066 30.1C253.066 30.6693 253.164 31.2013 253.36 31.696C253.556 32.1907 253.827 32.6247 254.172 32.998C254.527 33.3713 254.942 33.6607 255.418 33.866C255.894 34.0713 256.408 34.174 256.958 34.174C257.528 34.174 258.074 34.0527 258.596 33.81C259.128 33.5673 259.576 33.2313 259.94 32.802L260.654 33.544C260.346 33.8893 259.996 34.1833 259.604 34.426C259.212 34.6593 258.792 34.8413 258.344 34.972C257.906 35.0933 257.444 35.154 256.958 35.154ZM264.63 35.112C264.144 35.112 263.715 35.0047 263.342 34.79C262.968 34.5753 262.674 34.2767 262.46 33.894C262.254 33.5113 262.152 33.0727 262.152 32.578V28.168H263.188V32.284C263.188 32.8907 263.351 33.3713 263.678 33.726C264.004 34.0807 264.448 34.258 265.008 34.258C265.39 34.258 265.731 34.1693 266.03 33.992C266.338 33.8147 266.594 33.558 266.8 33.222V28.168H267.822V35H266.8V33.894C266.538 34.2953 266.226 34.5987 265.862 34.804C265.507 35.0093 265.096 35.112 264.63 35.112ZM272.032 35.14C271.472 35.14 270.954 35.056 270.478 34.888C270.002 34.7107 269.596 34.4587 269.26 34.132L269.806 33.46C270.217 33.7587 270.595 33.978 270.94 34.118C271.285 34.2487 271.64 34.314 272.004 34.314C272.499 34.314 272.909 34.1973 273.236 33.964C273.563 33.7307 273.726 33.432 273.726 33.068C273.726 32.788 273.628 32.5687 273.432 32.41C273.245 32.2513 272.933 32.13 272.494 32.046L271.374 31.85C270.711 31.7287 270.221 31.5233 269.904 31.234C269.596 30.9447 269.442 30.5527 269.442 30.058C269.442 29.666 269.545 29.3207 269.75 29.022C269.965 28.7233 270.259 28.49 270.632 28.322C271.005 28.1447 271.43 28.056 271.906 28.056C272.373 28.056 272.816 28.126 273.236 28.266C273.656 28.3967 274.081 28.6113 274.51 28.91L274.006 29.624C273.651 29.372 273.297 29.19 272.942 29.078C272.587 28.9567 272.228 28.896 271.864 28.896C271.416 28.896 271.057 28.994 270.786 29.19C270.515 29.386 270.38 29.652 270.38 29.988C270.38 30.268 270.464 30.4827 270.632 30.632C270.809 30.7813 271.117 30.8933 271.556 30.968L272.704 31.178C273.395 31.2993 273.899 31.5093 274.216 31.808C274.533 32.1067 274.692 32.508 274.692 33.012C274.692 33.4133 274.575 33.7773 274.342 34.104C274.109 34.4213 273.791 34.6733 273.39 34.86C272.989 35.0467 272.536 35.14 272.032 35.14ZM278.716 35.14C278.128 35.14 277.68 35 277.372 34.72C277.073 34.4307 276.924 34.0153 276.924 33.474V29.008H275.51V28.168H276.924V26.292L277.946 26.054V28.168H279.906V29.008H277.946V33.208C277.946 33.572 278.02 33.8333 278.17 33.992C278.328 34.1507 278.585 34.23 278.94 34.23C279.117 34.23 279.276 34.216 279.416 34.188C279.556 34.16 279.719 34.1133 279.906 34.048V34.958C279.719 35.0233 279.523 35.07 279.318 35.098C279.112 35.126 278.912 35.14 278.716 35.14ZM284.29 35.112C283.655 35.112 283.086 34.958 282.582 34.65C282.078 34.342 281.681 33.922 281.392 33.39C281.102 32.858 280.958 32.256 280.958 31.584C280.958 30.912 281.102 30.31 281.392 29.778C281.681 29.246 282.078 28.826 282.582 28.518C283.086 28.21 283.655 28.056 284.29 28.056C284.915 28.056 285.475 28.21 285.97 28.518C286.474 28.826 286.87 29.246 287.16 29.778C287.449 30.31 287.594 30.912 287.594 31.584C287.594 32.256 287.449 32.858 287.16 33.39C286.87 33.922 286.474 34.342 285.97 34.65C285.475 34.958 284.915 35.112 284.29 35.112ZM284.276 34.216C284.724 34.216 285.12 34.104 285.466 33.88C285.811 33.6467 286.082 33.3293 286.278 32.928C286.483 32.5267 286.586 32.0787 286.586 31.584C286.586 31.08 286.483 30.632 286.278 30.24C286.082 29.8387 285.811 29.526 285.466 29.302C285.12 29.0687 284.724 28.952 284.276 28.952C283.828 28.952 283.431 29.0687 283.086 29.302C282.74 29.526 282.465 29.8387 282.26 30.24C282.064 30.632 281.966 31.08 281.966 31.584C281.966 32.0787 282.064 32.5267 282.26 32.928C282.465 33.3293 282.74 33.6467 283.086 33.88C283.431 34.104 283.828 34.216 284.276 34.216ZM289.387 35V28.168H290.409V29.232C290.67 28.84 290.969 28.546 291.305 28.35C291.641 28.154 292.019 28.056 292.439 28.056C292.924 28.056 293.349 28.1773 293.713 28.42C294.077 28.6533 294.352 28.9753 294.539 29.386C294.81 28.9473 295.132 28.616 295.505 28.392C295.888 28.168 296.326 28.056 296.821 28.056C297.278 28.056 297.68 28.1633 298.025 28.378C298.38 28.5927 298.655 28.8913 298.851 29.274C299.047 29.6473 299.145 30.086 299.145 30.59V35H298.123V30.842C298.123 30.2447 297.974 29.7733 297.675 29.428C297.376 29.0827 296.966 28.91 296.443 28.91C296.088 28.91 295.766 28.9987 295.477 29.176C295.197 29.3533 294.95 29.624 294.735 29.988C294.754 30.0813 294.768 30.1793 294.777 30.282C294.786 30.3847 294.791 30.4873 294.791 30.59V35H293.769V30.842C293.769 30.2447 293.615 29.7733 293.307 29.428C293.008 29.0827 292.598 28.91 292.075 28.91C291.375 28.91 290.82 29.246 290.409 29.918V35H289.387ZM306.595 35.14C306.035 35.14 305.517 35.056 305.041 34.888C304.565 34.7107 304.159 34.4587 303.823 34.132L304.369 33.46C304.779 33.7587 305.157 33.978 305.503 34.118C305.848 34.2487 306.203 34.314 306.567 34.314C307.061 34.314 307.472 34.1973 307.799 33.964C308.125 33.7307 308.289 33.432 308.289 33.068C308.289 32.788 308.191 32.5687 307.995 32.41C307.808 32.2513 307.495 32.13 307.057 32.046L305.937 31.85C305.274 31.7287 304.784 31.5233 304.467 31.234C304.159 30.9447 304.005 30.5527 304.005 30.058C304.005 29.666 304.107 29.3207 304.313 29.022C304.527 28.7233 304.821 28.49 305.195 28.322C305.568 28.1447 305.993 28.056 306.469 28.056C306.935 28.056 307.379 28.126 307.799 28.266C308.219 28.3967 308.643 28.6113 309.073 28.91L308.569 29.624C308.214 29.372 307.859 29.19 307.505 29.078C307.15 28.9567 306.791 28.896 306.427 28.896C305.979 28.896 305.619 28.994 305.349 29.19C305.078 29.386 304.943 29.652 304.943 29.988C304.943 30.268 305.027 30.4827 305.195 30.632C305.372 30.7813 305.68 30.8933 306.119 30.968L307.267 31.178C307.957 31.2993 308.461 31.5093 308.779 31.808C309.096 32.1067 309.255 32.508 309.255 33.012C309.255 33.4133 309.138 33.7773 308.905 34.104C308.671 34.4213 308.354 34.6733 307.953 34.86C307.551 35.0467 307.099 35.14 306.595 35.14ZM310.811 35V24.892L311.833 24.682V29.274C312.094 28.8633 312.407 28.56 312.771 28.364C313.135 28.1587 313.545 28.056 314.003 28.056C314.497 28.056 314.927 28.1633 315.291 28.378C315.664 28.5833 315.953 28.8773 316.159 29.26C316.373 29.6333 316.481 30.072 316.481 30.576V35H315.459V30.87C315.459 30.2633 315.291 29.7873 314.955 29.442C314.628 29.0873 314.185 28.91 313.625 28.91C313.251 28.91 312.911 28.9987 312.603 29.176C312.295 29.3533 312.038 29.6147 311.833 29.96V35H310.811ZM320.649 35.126C320.164 35.126 319.735 35.0373 319.361 34.86C318.988 34.6827 318.694 34.44 318.479 34.132C318.274 33.8147 318.171 33.4507 318.171 33.04C318.171 32.6293 318.279 32.2747 318.493 31.976C318.708 31.668 319.007 31.43 319.389 31.262C319.772 31.094 320.22 31.01 320.733 31.01C321.125 31.01 321.494 31.052 321.839 31.136C322.194 31.22 322.521 31.3553 322.819 31.542V30.604C322.819 30.044 322.67 29.624 322.371 29.344C322.073 29.0547 321.634 28.91 321.055 28.91C320.738 28.91 320.411 28.9567 320.075 29.05C319.749 29.1433 319.385 29.2927 318.983 29.498L318.605 28.714C319.52 28.2753 320.379 28.056 321.181 28.056C322.031 28.056 322.684 28.266 323.141 28.686C323.599 29.0967 323.827 29.6893 323.827 30.464V35H322.819V34.202C322.521 34.51 322.189 34.7433 321.825 34.902C321.461 35.0513 321.069 35.126 320.649 35.126ZM319.151 33.012C319.151 33.4133 319.305 33.7353 319.613 33.978C319.931 34.2207 320.346 34.342 320.859 34.342C321.242 34.342 321.592 34.2767 321.909 34.146C322.236 34.0153 322.539 33.8193 322.819 33.558V32.242C322.53 32.074 322.231 31.9527 321.923 31.878C321.615 31.794 321.27 31.752 320.887 31.752C320.365 31.752 319.945 31.8687 319.627 32.102C319.31 32.326 319.151 32.6293 319.151 33.012ZM325.904 37.926V28.168H326.912V29.148C327.174 28.8027 327.491 28.5413 327.864 28.364C328.247 28.1773 328.667 28.084 329.124 28.084C329.722 28.084 330.254 28.2427 330.72 28.56C331.196 28.868 331.574 29.288 331.854 29.82C332.134 30.3427 332.274 30.9307 332.274 31.584C332.274 32.2373 332.13 32.83 331.84 33.362C331.56 33.894 331.178 34.3187 330.692 34.636C330.216 34.944 329.675 35.098 329.068 35.098C328.639 35.098 328.242 35.0187 327.878 34.86C327.514 34.692 327.197 34.454 326.926 34.146V37.926H325.904ZM328.872 34.216C329.33 34.216 329.736 34.104 330.09 33.88C330.454 33.6467 330.739 33.334 330.944 32.942C331.159 32.5407 331.266 32.0927 331.266 31.598C331.266 31.094 331.159 30.646 330.944 30.254C330.739 29.862 330.454 29.554 330.09 29.33C329.736 29.0967 329.33 28.98 328.872 28.98C328.471 28.98 328.098 29.064 327.752 29.232C327.416 29.3907 327.141 29.6193 326.926 29.918V33.264C327.15 33.5627 327.43 33.796 327.766 33.964C328.112 34.132 328.48 34.216 328.872 34.216ZM337.147 35.14C336.512 35.14 335.938 34.986 335.425 34.678C334.911 34.3607 334.505 33.936 334.207 33.404C333.908 32.8627 333.759 32.256 333.759 31.584C333.759 30.912 333.899 30.31 334.179 29.778C334.468 29.246 334.855 28.826 335.341 28.518C335.826 28.21 336.367 28.056 336.965 28.056C337.571 28.056 338.108 28.21 338.575 28.518C339.051 28.8167 339.424 29.2273 339.695 29.75C339.975 30.2633 340.115 30.8467 340.115 31.5V31.808H334.753C334.79 32.2747 334.916 32.6947 335.131 33.068C335.355 33.432 335.644 33.7213 335.999 33.936C336.363 34.1413 336.759 34.244 337.189 34.244C337.543 34.244 337.884 34.1833 338.211 34.062C338.547 33.9313 338.831 33.7587 339.065 33.544L339.709 34.23C339.317 34.538 338.911 34.7667 338.491 34.916C338.071 35.0653 337.623 35.14 337.147 35.14ZM334.781 31.08H339.107C339.06 30.6693 338.934 30.3053 338.729 29.988C338.533 29.6613 338.281 29.4047 337.973 29.218C337.674 29.0313 337.338 28.938 336.965 28.938C336.591 28.938 336.251 29.0313 335.943 29.218C335.635 29.3953 335.378 29.6473 335.173 29.974C334.977 30.2913 334.846 30.66 334.781 31.08Z" fill="#4D4D4D"/>
12
+ </svg>
@@ -53,7 +53,7 @@
53
53
  }
54
54
 
55
55
  .pf-v6-c-menu__item-description {
56
- font-weight: 500;
56
+ font-weight: var(--pf-t--global--font--weight--body--bold);
57
57
  }
58
58
 
59
59
  .pf-v6-c-divider {
@@ -0,0 +1,55 @@
1
+ import React from 'react';
2
+ import { fireEvent, render, screen } from '@testing-library/react';
3
+ import AttachmentEdit, { AttachmentEditProps } from './AttachmentEdit';
4
+
5
+ describe('AttachmentEdit', () => {
6
+ it('should open AttachmentEdit modal', () => {
7
+ const props: AttachmentEditProps = {
8
+ code: 'code',
9
+ fileName: 'fileName',
10
+ onCancel: jest.fn(),
11
+ onSave: jest.fn(),
12
+ isModalOpen: true,
13
+ handleModalToggle: jest.fn()
14
+ };
15
+
16
+ render(<AttachmentEdit {...props} />);
17
+ expect(screen.getByText('Edit attachment')).toBeTruthy();
18
+ });
19
+
20
+ it('should call onSave handler when the save button is clicked', () => {
21
+ const onSaveHandler = jest.fn();
22
+ const props: AttachmentEditProps = {
23
+ code: 'code',
24
+ fileName: 'fileName',
25
+ onCancel: jest.fn(),
26
+ onSave: onSaveHandler,
27
+ isModalOpen: true,
28
+ handleModalToggle: jest.fn()
29
+ };
30
+
31
+ render(<AttachmentEdit {...props} />);
32
+
33
+ // Click on save button
34
+ fireEvent.click(screen.getByText('Save'));
35
+ expect(onSaveHandler).toHaveBeenCalledWith(expect.any(Object), 'code');
36
+ });
37
+
38
+ it('should call cancel handler when the cancel button is clicked', () => {
39
+ const onCancelHandler = jest.fn();
40
+ const props: AttachmentEditProps = {
41
+ code: 'code',
42
+ fileName: 'fileName',
43
+ onCancel: onCancelHandler,
44
+ onSave: jest.fn(),
45
+ isModalOpen: true,
46
+ handleModalToggle: jest.fn()
47
+ };
48
+
49
+ render(<AttachmentEdit {...props} />);
50
+
51
+ // Click on cancel button
52
+ fireEvent.click(screen.getByText('Cancel'));
53
+ expect(onCancelHandler).toHaveBeenCalled();
54
+ });
55
+ });
@@ -0,0 +1,31 @@
1
+ import '@testing-library/jest-dom';
2
+ import React from 'react';
3
+ import { render, screen } from '@testing-library/react';
4
+ import Chatbot from './Chatbot';
5
+
6
+ describe('Chatbot', () => {
7
+ it('should render Chatbot with default display mode', () => {
8
+ render(<Chatbot>Chatbot Content</Chatbot>);
9
+ expect(screen.getByText('Chatbot Content')).toBeTruthy();
10
+ });
11
+
12
+ it('should render Chatbot with custom ariaLabel', () => {
13
+ render(<Chatbot ariaLabel="Chatbot">Chatbot Content</Chatbot>);
14
+ expect(screen.getByLabelText('Chatbot')).toBeTruthy();
15
+ });
16
+
17
+ it('should render Chatbot with custom className', () => {
18
+ const { container } = render(
19
+ <Chatbot ariaLabel="Chatbot" className="custom-class">
20
+ Chatbot Content
21
+ </Chatbot>
22
+ );
23
+ const chatbotElement = container.querySelector('.custom-class');
24
+ expect(chatbotElement).toBeInTheDocument();
25
+ });
26
+
27
+ it('should not render Chatbot', () => {
28
+ render(<Chatbot isVisible={false}>Chatbot Content</Chatbot>);
29
+ expect(screen.queryByLabelText('Chatbot')).toBeFalsy();
30
+ });
31
+ });
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import { fireEvent, render, screen } from '@testing-library/react';
3
+ import ChatbotAlert from './ChatbotAlert';
4
+
5
+ describe('ChatbotAlert', () => {
6
+ it('should render ChatbotAlert with default variant', () => {
7
+ render(<ChatbotAlert title="Chatbot Alert" />);
8
+ expect(screen.getByText('Chatbot Alert')).toBeTruthy();
9
+ });
10
+
11
+ it('should render ChatbotAlert with children', () => {
12
+ render(<ChatbotAlert title="Chatbot Alert">Chatbot Alert Content</ChatbotAlert>);
13
+ expect(screen.getByText('Chatbot Alert Content')).toBeTruthy();
14
+ });
15
+
16
+ it('should call onClose handler when onClose button is clicked', () => {
17
+ const onCloseHandler = jest.fn();
18
+ render(
19
+ <ChatbotAlert title="Chatbot Alert" onClose={onCloseHandler}>
20
+ Chatbot Alert Content
21
+ </ChatbotAlert>
22
+ );
23
+
24
+ expect(screen.getByText('Chatbot Alert')).toBeTruthy();
25
+ expect(screen.getByText('Chatbot Alert Content')).toBeTruthy();
26
+
27
+ // click on the close button
28
+ fireEvent.click(screen.getByRole('button'));
29
+ expect(onCloseHandler).toHaveBeenCalled();
30
+ });
31
+ });
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { render, screen } from '@testing-library/react';
3
+ import ChatbotContent from './ChatbotContent';
4
+
5
+ describe('ChatbotContent', () => {
6
+ it('should render ChatbotContent with children', () => {
7
+ render(<ChatbotContent>Chatbot Content</ChatbotContent>);
8
+ expect(screen.getByText('Chatbot Content')).toBeTruthy();
9
+ });
10
+
11
+ it('should render ChatbotContent with custom classname', () => {
12
+ const { container } = render(<ChatbotContent className="custom-class">Chatbot Content</ChatbotContent>);
13
+ expect(container.querySelector('.custom-class')).toBeTruthy();
14
+ });
15
+ });
@@ -28,7 +28,13 @@ export const ChatbotConversationHistoryDropdown: React.FunctionComponent<Chatbot
28
28
  const [isOpen, setIsOpen] = React.useState(false);
29
29
 
30
30
  const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
31
- <Tooltip className="pf-chatbot__tooltip" content={label ?? 'Conversation options'} position="bottom">
31
+ <Tooltip
32
+ className="pf-chatbot__tooltip"
33
+ content={label ?? 'Conversation options'}
34
+ position="bottom"
35
+ // prevents VO announcements of both aria label and tooltip
36
+ aria="none"
37
+ >
32
38
  <MenuToggle
33
39
  className="pf-chatbot__history-actions"
34
40
  variant="plain"
@@ -26,7 +26,7 @@
26
26
  }
27
27
  .pf-chatbot__menu-item-header > .pf-v6-c-menu__group-title {
28
28
  color: var(--pf-t--global--text--color--subtle);
29
- font-weight: 500;
29
+ font-weight: var(--pf-t--global--font--weight--body--bold);
30
30
  font-size: var(--pf-t--global--icon--size--font--sm);
31
31
  --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--sm);
32
32
  --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -134,6 +134,13 @@
134
134
  flex-direction: column;
135
135
  height: 70vh;
136
136
  }
137
+
138
+ // Resizable drawer spacing is different - needs manual adjustment for gaps between buttons, inputs, etc.
139
+ .pf-v6-c-drawer__panel.pf-m-resizable {
140
+ .pf-v6-c-drawer__panel-main {
141
+ row-gap: var(--pf-v6-c-drawer__panel--RowGap);
142
+ }
143
+ }
137
144
  }
138
145
 
139
146
  // ============================================================================
@@ -11,7 +11,7 @@ describe('ChatbotConversationHistoryNav', () => {
11
11
  const initialConversations: Conversation[] = [
12
12
  {
13
13
  id: '1',
14
- text: 'Lightspeed documentation'
14
+ text: 'ChatBot documentation'
15
15
  }
16
16
  ];
17
17
 
@@ -25,7 +25,7 @@ describe('ChatbotConversationHistoryNav', () => {
25
25
  conversations={initialConversations}
26
26
  />
27
27
  );
28
- expect(screen.queryByText('Lightspeed documentation')).toBeInTheDocument();
28
+ expect(screen.queryByText('ChatBot documentation')).toBeInTheDocument();
29
29
  });
30
30
 
31
31
  it('should display the conversations for grouped conversations', () => {
@@ -120,7 +120,116 @@ describe('ChatbotConversationHistoryNav', () => {
120
120
  });
121
121
 
122
122
  waitFor(() => {
123
- expect(screen.queryByText('Lightspeed documentation')).not.toBeInTheDocument();
123
+ expect(screen.queryByText('ChatBot documentation')).not.toBeInTheDocument();
124
124
  });
125
125
  });
126
+
127
+ it('should be resizable', () => {
128
+ render(
129
+ <ChatbotConversationHistoryNav
130
+ onDrawerToggle={onDrawerToggle}
131
+ isDrawerOpen={true}
132
+ displayMode={ChatbotDisplayMode.fullscreen}
133
+ setIsDrawerOpen={jest.fn()}
134
+ conversations={initialConversations}
135
+ drawerPanelContentProps={{ isResizable: true, minSize: '200px' }}
136
+ />
137
+ );
138
+ expect(screen.getByRole('dialog', { name: /Resize/i })).toBeTruthy();
139
+ expect(screen.getByRole('separator', { name: /Resize/i })).toBeTruthy();
140
+ expect(screen.getByRole('dialog', { name: /Resize/i })).toHaveAttribute(
141
+ 'style',
142
+ '--pf-v6-c-drawer__panel--md--FlexBasis: 384px; --pf-v6-c-drawer__panel--md--FlexBasis--min: 200px;'
143
+ );
144
+ });
145
+
146
+ it('should accept drawerContentProps', () => {
147
+ const { container } = render(
148
+ <ChatbotConversationHistoryNav
149
+ onDrawerToggle={onDrawerToggle}
150
+ isDrawerOpen={true}
151
+ displayMode={ChatbotDisplayMode.fullscreen}
152
+ setIsDrawerOpen={jest.fn()}
153
+ conversations={initialConversations}
154
+ drawerContentProps={{ className: 'test' }}
155
+ />
156
+ );
157
+ const element = container.querySelector('.test');
158
+ expect(element).toBeInTheDocument();
159
+ });
160
+
161
+ it('should accept drawerContentBodyProps', () => {
162
+ const { container } = render(
163
+ <ChatbotConversationHistoryNav
164
+ onDrawerToggle={onDrawerToggle}
165
+ isDrawerOpen={true}
166
+ displayMode={ChatbotDisplayMode.fullscreen}
167
+ setIsDrawerOpen={jest.fn()}
168
+ conversations={initialConversations}
169
+ drawerContentBodyProps={{ className: 'test' }}
170
+ />
171
+ );
172
+ const element = container.querySelector('.test');
173
+ expect(element).toBeInTheDocument();
174
+ });
175
+
176
+ it('should accept drawerHeadProps', () => {
177
+ const { container } = render(
178
+ <ChatbotConversationHistoryNav
179
+ onDrawerToggle={onDrawerToggle}
180
+ isDrawerOpen={true}
181
+ displayMode={ChatbotDisplayMode.fullscreen}
182
+ setIsDrawerOpen={jest.fn()}
183
+ conversations={initialConversations}
184
+ drawerHeadProps={{ className: 'test' }}
185
+ />
186
+ );
187
+ const element = container.querySelector('.test');
188
+ expect(element).toBeInTheDocument();
189
+ });
190
+
191
+ it('should accept drawerActionsProps', () => {
192
+ const { container } = render(
193
+ <ChatbotConversationHistoryNav
194
+ onDrawerToggle={onDrawerToggle}
195
+ isDrawerOpen={true}
196
+ displayMode={ChatbotDisplayMode.fullscreen}
197
+ setIsDrawerOpen={jest.fn()}
198
+ conversations={initialConversations}
199
+ drawerActionsProps={{ className: 'test' }}
200
+ />
201
+ );
202
+ const element = container.querySelector('.test');
203
+ expect(element).toBeInTheDocument();
204
+ });
205
+
206
+ it('should accept drawerCloseButtonProps', () => {
207
+ const { container } = render(
208
+ <ChatbotConversationHistoryNav
209
+ onDrawerToggle={onDrawerToggle}
210
+ isDrawerOpen={true}
211
+ displayMode={ChatbotDisplayMode.fullscreen}
212
+ setIsDrawerOpen={jest.fn()}
213
+ conversations={initialConversations}
214
+ drawerCloseButtonProps={{ className: 'test' }}
215
+ />
216
+ );
217
+ const element = container.querySelector('.test');
218
+ expect(element).toBeInTheDocument();
219
+ });
220
+
221
+ it('should accept drawerPanelBodyProps', () => {
222
+ const { container } = render(
223
+ <ChatbotConversationHistoryNav
224
+ onDrawerToggle={onDrawerToggle}
225
+ isDrawerOpen={true}
226
+ displayMode={ChatbotDisplayMode.fullscreen}
227
+ setIsDrawerOpen={jest.fn()}
228
+ conversations={initialConversations}
229
+ drawerPanelBodyProps={{ className: 'test' }}
230
+ />
231
+ );
232
+ const element = container.querySelector('.test');
233
+ expect(element).toBeInTheDocument();
234
+ });
126
235
  });
@@ -21,7 +21,15 @@ import {
21
21
  MenuGroup,
22
22
  MenuItem,
23
23
  MenuContent,
24
- MenuItemProps
24
+ MenuItemProps,
25
+ MenuProps,
26
+ DrawerPanelContentProps,
27
+ DrawerContentProps,
28
+ DrawerContentBodyProps,
29
+ DrawerHeadProps,
30
+ DrawerActionsProps,
31
+ DrawerCloseButtonProps,
32
+ DrawerPanelBodyProps
25
33
  } from '@patternfly/react-core';
26
34
 
27
35
  import { OutlinedCommentAltIcon } from '@patternfly/react-icons';
@@ -79,6 +87,22 @@ export interface ChatbotConversationHistoryNavProps extends DrawerProps {
79
87
  reverseButtonOrder?: boolean;
80
88
  /** Custom test id for the drawer actions */
81
89
  drawerActionsTestId?: string;
90
+ /** Additional props applied to menu */
91
+ menuProps?: MenuProps;
92
+ /** Additional props applied to panel */
93
+ drawerPanelContentProps?: DrawerPanelContentProps;
94
+ /** Additional props applied to drawer content */
95
+ drawerContentProps?: Omit<DrawerContentProps, 'panelContent'>;
96
+ /** Additional props applied to drawer content body */
97
+ drawerContentBodyProps?: DrawerContentBodyProps;
98
+ /** Additional props applied to drawer head */
99
+ drawerHeadProps?: DrawerHeadProps;
100
+ /** Additional props applied to drawer actions */
101
+ drawerActionsProps?: DrawerActionsProps;
102
+ /** Additional props applied to drawer close button */
103
+ drawerCloseButtonProps?: DrawerCloseButtonProps;
104
+ /** Additional props appleid to drawer panel body */
105
+ drawerPanelBodyProps?: DrawerPanelBodyProps;
82
106
  }
83
107
 
84
108
  export const ChatbotConversationHistoryNav: React.FunctionComponent<ChatbotConversationHistoryNavProps> = ({
@@ -97,6 +121,14 @@ export const ChatbotConversationHistoryNav: React.FunctionComponent<ChatbotConve
97
121
  displayMode,
98
122
  reverseButtonOrder = false,
99
123
  drawerActionsTestId = 'chatbot-nav-drawer-actions',
124
+ menuProps,
125
+ drawerPanelContentProps,
126
+ drawerContentProps,
127
+ drawerContentBodyProps,
128
+ drawerHeadProps,
129
+ drawerActionsProps,
130
+ drawerCloseButtonProps,
131
+ drawerPanelBodyProps,
100
132
  ...props
101
133
  }: ChatbotConversationHistoryNavProps) => {
102
134
  const drawerRef = React.useRef<HTMLDivElement>(null);
@@ -163,19 +195,20 @@ export const ChatbotConversationHistoryNav: React.FunctionComponent<ChatbotConve
163
195
  // - Consumers should pass an array to <Chatbot> of the list of conversations
164
196
  // - Groups could be optional, but items need to be ordered by date
165
197
  const menuContent = (
166
- <Menu isPlain onSelect={onSelectActiveItem} activeItemId={activeItemId}>
198
+ <Menu isPlain onSelect={onSelectActiveItem} activeItemId={activeItemId} {...menuProps}>
167
199
  <MenuContent>{buildMenu()}</MenuContent>
168
200
  </Menu>
169
201
  );
170
202
 
171
203
  const panelContent = (
172
- <DrawerPanelContent focusTrap={{ enabled: true }} minSize="384px" maxSize="384px">
173
- <DrawerHead>
204
+ <DrawerPanelContent focusTrap={{ enabled: true }} defaultSize="384px" {...drawerPanelContentProps}>
205
+ <DrawerHead {...drawerHeadProps}>
174
206
  <DrawerActions
175
207
  data-testid={drawerActionsTestId}
176
208
  className={reverseButtonOrder ? 'pf-v6-c-drawer__actions--reversed' : ''}
209
+ {...drawerActionsProps}
177
210
  >
178
- <DrawerCloseButton onClick={onDrawerToggle} />
211
+ <DrawerCloseButton onClick={onDrawerToggle} {...drawerCloseButtonProps} />
179
212
  {onNewChat && <Button onClick={onNewChat}>{newChatButtonText}</Button>}
180
213
  </DrawerActions>
181
214
  </DrawerHead>
@@ -188,7 +221,7 @@ export const ChatbotConversationHistoryNav: React.FunctionComponent<ChatbotConve
188
221
  />
189
222
  </div>
190
223
  )}
191
- <DrawerPanelBody>{menuContent}</DrawerPanelBody>
224
+ <DrawerPanelBody {...drawerPanelBodyProps}>{menuContent}</DrawerPanelBody>
192
225
  </DrawerPanelContent>
193
226
  );
194
227
 
@@ -213,8 +246,8 @@ export const ChatbotConversationHistoryNav: React.FunctionComponent<ChatbotConve
213
246
  isInline={displayMode === ChatbotDisplayMode.fullscreen || displayMode === ChatbotDisplayMode.embedded}
214
247
  {...props}
215
248
  >
216
- <DrawerContent panelContent={panelContent}>
217
- <DrawerContentBody>
249
+ <DrawerContent panelContent={panelContent} {...drawerContentProps}>
250
+ <DrawerContentBody {...drawerContentBodyProps}>
218
251
  <>
219
252
  <div
220
253
  className={`${isDrawerOpen && (displayMode === ChatbotDisplayMode.default || displayMode === ChatbotDisplayMode.docked) ? 'pf-v6-c-backdrop pf-chatbot__drawer-backdrop' : undefined} `}
@@ -33,7 +33,8 @@
33
33
  }
34
34
  }
35
35
  .pf-chatbot__footer-container {
36
- width: 60rem;
36
+ width: 90%;
37
+ max-width: 60rem;
37
38
  padding: var(--pf-t--global--spacer--sm) 0;
38
39
  }
39
40
  }
@@ -43,11 +44,6 @@
43
44
  // Chatbot Display Mode - Docked
44
45
  // ============================================================================
45
46
  .pf-chatbot--docked {
46
- .pf-chatbot__footer {
47
- .pf-v6-c-divider {
48
- display: none;
49
- }
50
- }
51
47
  .pf-chatbot__footer-container {
52
48
  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
53
49
  }
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { render, screen } from '@testing-library/react';
3
+ import ChatbotFooter from './ChatbotFooter';
4
+
5
+ describe('ChatbotFooter', () => {
6
+ it('should render ChatbotFooter with children', () => {
7
+ render(<ChatbotFooter>Chatbot Content</ChatbotFooter>);
8
+ expect(screen.getByText('Chatbot Content')).toBeTruthy();
9
+ });
10
+
11
+ it('should render ChatbotFooter with custom classname', () => {
12
+ const { container } = render(<ChatbotFooter className="custom-class">Chatbot Content</ChatbotFooter>);
13
+ expect(container.querySelector('.custom-class')).toBeTruthy();
14
+ });
15
+ });
@@ -0,0 +1,84 @@
1
+ import React from 'react';
2
+ import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
3
+ import ChatbotFootnote from './ChatbotFootnote';
4
+
5
+ describe('ChatbotFooternote', () => {
6
+ const onClick = jest.fn();
7
+ const popoverProps = {
8
+ title: 'Verify accuracy',
9
+ description: 'description',
10
+ bannerImage: {
11
+ src: 'src',
12
+ alt: 'alt'
13
+ },
14
+ cta: {
15
+ label: 'Got it',
16
+ onClick
17
+ },
18
+ link: {
19
+ label: 'label',
20
+ url: 'url'
21
+ }
22
+ };
23
+
24
+ it('should render ChatbotFooternote', () => {
25
+ render(<ChatbotFootnote label="Chatbot footer" />);
26
+ expect(screen.getByText('Chatbot footer')).toBeTruthy();
27
+ });
28
+
29
+ it('should render ChatbotFooternote with popover', async () => {
30
+ render(<ChatbotFootnote label="Chatbot footer" popover={popoverProps} />);
31
+
32
+ // click on the footer button
33
+ act(() => {
34
+ fireEvent.click(screen.getByRole('button'));
35
+ });
36
+
37
+ await waitFor(() => {
38
+ // Check if the popover is visible and click on the cta button
39
+ screen.getByLabelText('More information');
40
+ screen.getByText('Verify accuracy');
41
+ fireEvent.click(screen.getByRole('button', { name: 'Got it' }));
42
+ expect(onClick).toHaveBeenCalled();
43
+ });
44
+ });
45
+ it('should call onClick handler when popover cta button is clicked', async () => {
46
+ render(<ChatbotFootnote label="Chatbot footer" popover={popoverProps} />);
47
+
48
+ // click on the footer button
49
+ act(() => {
50
+ fireEvent.click(screen.getByRole('button'));
51
+ });
52
+
53
+ await waitFor(() => {
54
+ // Check if the popover is visible and click on the cta button
55
+ screen.getByLabelText('More information');
56
+ screen.getByText('Verify accuracy');
57
+ fireEvent.click(screen.getByRole('button', { name: 'Got it' }));
58
+ expect(onClick).toHaveBeenCalled();
59
+ });
60
+ });
61
+ it('should close the popover when escape is pressed', async () => {
62
+ render(<ChatbotFootnote label="Chatbot footer" popover={popoverProps} />);
63
+
64
+ // click on the footer button
65
+ act(() => {
66
+ fireEvent.click(screen.getByRole('button'));
67
+ });
68
+
69
+ await waitFor(() => {
70
+ // Check if the popover is visible and click on the cta button
71
+ screen.getByLabelText('More information');
72
+ screen.getByText('Verify accuracy');
73
+ });
74
+
75
+ act(() => {
76
+ // trigger escape to close the popover
77
+ fireEvent.keyDown(document, { key: 'Escape', code: 'Escape' });
78
+ });
79
+
80
+ await waitFor(() => {
81
+ expect(screen.queryByText('Verify accuracy')).toBeFalsy();
82
+ });
83
+ });
84
+ });
@@ -76,9 +76,6 @@
76
76
  .pf-chatbot__header {
77
77
  background-color: var(--pf-t--chatbot--background);
78
78
  }
79
- .pf-chatbot__header__divider {
80
- display: none;
81
- }
82
79
  }
83
80
 
84
81
  // ============================================================================
@@ -95,7 +92,7 @@
95
92
  .pf-v6-c-button__icon,
96
93
  .pf-v6-c-menu-toggle__icon,
97
94
  .pf-v6-c-icon__content {
98
- color: var(--pf-t--chatbot--icon--fill);
95
+ color: var(--pf-t--global--icon--color--subtle);
99
96
  }
100
97
 
101
98
  .pf-v6-c-button__icon,
@@ -111,7 +108,7 @@
111
108
  .pf-v6-c-button__icon,
112
109
  .pf-v6-c-menu-toggle__icon,
113
110
  .pf-v6-c-icon__content {
114
- color: var(--pf-t--chatbot--icon--fill--hover);
111
+ color: var(--pf-t--global--icon--color--regular);
115
112
  }
116
113
  }
117
114
  }
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { render, screen } from '@testing-library/react';
3
+ import ChatbotHeader from './ChatbotHeader';
4
+
5
+ describe('ChatbotHeader', () => {
6
+ it('should render ChatbotHeader with children', () => {
7
+ render(<ChatbotHeader>Chatbot Header</ChatbotHeader>);
8
+ expect(screen.getByText('Chatbot Header')).toBeTruthy();
9
+ });
10
+
11
+ it('should render ChatbotHeader with custom classname', () => {
12
+ const { container } = render(<ChatbotHeader className="custom-header-class">Chatbot Content</ChatbotHeader>);
13
+ expect(container.querySelector('.custom-header-class')).toBeTruthy();
14
+ });
15
+ });