@patternfly/chatbot 6.3.0-prerelease.7 → 6.3.0-prerelease.9

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 (113) hide show
  1. package/dist/cjs/Chatbot/Chatbot.test.js +4 -0
  2. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +1 -1
  3. package/dist/cjs/ChatbotFooter/ChatbotFooter.d.ts +1 -0
  4. package/dist/cjs/ChatbotFooter/ChatbotFooter.js +2 -2
  5. package/dist/cjs/ChatbotFooter/ChatbotFooter.test.d.ts +1 -1
  6. package/dist/cjs/ChatbotFooter/ChatbotFooter.test.js +5 -0
  7. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.d.ts +3 -2
  8. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js +20 -6
  9. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.test.d.ts +1 -1
  10. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.test.js +5 -0
  11. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.d.ts +1 -0
  12. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +3 -3
  13. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts +1 -1
  14. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js +5 -0
  15. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.d.ts +1 -0
  16. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +2 -2
  17. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts +1 -1
  18. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js +5 -0
  19. package/dist/cjs/ChatbotPopover/ChatbotPopover.js +1 -1
  20. package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.d.ts +1 -0
  21. package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.js +3 -3
  22. package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.js +4 -0
  23. package/dist/cjs/MessageBar/AttachButton.d.ts +1 -0
  24. package/dist/cjs/MessageBar/AttachButton.js +3 -3
  25. package/dist/cjs/MessageBar/AttachButton.test.js +4 -0
  26. package/dist/cjs/MessageBar/MessageBar.d.ts +1 -0
  27. package/dist/cjs/MessageBar/MessageBar.js +13 -12
  28. package/dist/cjs/MessageBar/MicrophoneButton.d.ts +1 -0
  29. package/dist/cjs/MessageBar/MicrophoneButton.js +3 -3
  30. package/dist/cjs/MessageBar/SendButton.d.ts +1 -0
  31. package/dist/cjs/MessageBar/SendButton.js +3 -3
  32. package/dist/cjs/MessageBar/SendButton.test.js +4 -0
  33. package/dist/cjs/MessageBar/StopButton.d.ts +1 -0
  34. package/dist/cjs/MessageBar/StopButton.js +3 -3
  35. package/dist/cjs/MessageBar/StopButton.test.js +4 -0
  36. package/dist/cjs/MessageBox/MessageBox.js +14 -2
  37. package/dist/css/main.css +128 -2
  38. package/dist/css/main.css.map +1 -1
  39. package/dist/esm/Chatbot/Chatbot.test.js +4 -0
  40. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +1 -1
  41. package/dist/esm/ChatbotFooter/ChatbotFooter.d.ts +1 -0
  42. package/dist/esm/ChatbotFooter/ChatbotFooter.js +2 -2
  43. package/dist/esm/ChatbotFooter/ChatbotFooter.test.d.ts +1 -1
  44. package/dist/esm/ChatbotFooter/ChatbotFooter.test.js +5 -0
  45. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.d.ts +3 -2
  46. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js +20 -6
  47. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.d.ts +1 -1
  48. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.js +5 -0
  49. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.d.ts +1 -0
  50. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +3 -3
  51. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts +1 -1
  52. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js +5 -0
  53. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.d.ts +1 -0
  54. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +2 -2
  55. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts +1 -1
  56. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js +5 -0
  57. package/dist/esm/ChatbotPopover/ChatbotPopover.js +1 -1
  58. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.d.ts +1 -0
  59. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.js +3 -3
  60. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.js +4 -0
  61. package/dist/esm/MessageBar/AttachButton.d.ts +1 -0
  62. package/dist/esm/MessageBar/AttachButton.js +3 -3
  63. package/dist/esm/MessageBar/AttachButton.test.js +4 -0
  64. package/dist/esm/MessageBar/MessageBar.d.ts +1 -0
  65. package/dist/esm/MessageBar/MessageBar.js +13 -12
  66. package/dist/esm/MessageBar/MicrophoneButton.d.ts +1 -0
  67. package/dist/esm/MessageBar/MicrophoneButton.js +3 -3
  68. package/dist/esm/MessageBar/SendButton.d.ts +1 -0
  69. package/dist/esm/MessageBar/SendButton.js +3 -3
  70. package/dist/esm/MessageBar/SendButton.test.js +4 -0
  71. package/dist/esm/MessageBar/StopButton.d.ts +1 -0
  72. package/dist/esm/MessageBar/StopButton.js +3 -3
  73. package/dist/esm/MessageBar/StopButton.test.js +4 -0
  74. package/dist/esm/MessageBox/MessageBox.js +14 -2
  75. package/package.json +1 -1
  76. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md +8 -1
  77. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotCompact.tsx +481 -0
  78. package/src/Chatbot/Chatbot.test.tsx +9 -0
  79. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +10 -1
  80. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +5 -1
  81. package/src/ChatbotFooter/ChatbotFooter.scss +5 -0
  82. package/src/ChatbotFooter/ChatbotFooter.test.tsx +10 -0
  83. package/src/ChatbotFooter/ChatbotFooter.tsx +3 -1
  84. package/src/ChatbotHeader/ChatbotHeader.scss +17 -0
  85. package/src/ChatbotHeader/ChatbotHeaderMenu.test.tsx +8 -0
  86. package/src/ChatbotHeader/ChatbotHeaderMenu.tsx +10 -5
  87. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx +6 -0
  88. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +5 -2
  89. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx +10 -0
  90. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx +4 -0
  91. package/src/ChatbotPopover/ChatbotPopover.scss +9 -5
  92. package/src/ChatbotPopover/ChatbotPopover.tsx +1 -1
  93. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss +9 -1
  94. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx +13 -0
  95. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx +13 -2
  96. package/src/ChatbotWelcomePrompt/__snapshots__/ChatbotWelcomePrompt.test.tsx.snap +1 -1
  97. package/src/Message/Message.scss +27 -0
  98. package/src/Message/TextMessage/TextMessage.scss +25 -0
  99. package/src/MessageBar/AttachButton.scss +10 -0
  100. package/src/MessageBar/AttachButton.test.tsx +4 -0
  101. package/src/MessageBar/AttachButton.tsx +5 -2
  102. package/src/MessageBar/MessageBar.scss +17 -0
  103. package/src/MessageBar/MessageBar.tsx +15 -6
  104. package/src/MessageBar/MicrophoneButton.scss +10 -0
  105. package/src/MessageBar/MicrophoneButton.tsx +5 -2
  106. package/src/MessageBar/SendButton.scss +10 -0
  107. package/src/MessageBar/SendButton.test.tsx +5 -1
  108. package/src/MessageBar/SendButton.tsx +5 -2
  109. package/src/MessageBar/StopButton.scss +10 -0
  110. package/src/MessageBar/StopButton.test.tsx +5 -1
  111. package/src/MessageBar/StopButton.tsx +5 -2
  112. package/src/MessageBox/MessageBox.scss +6 -0
  113. package/src/MessageBox/MessageBox.tsx +3 -1
@@ -45,3 +45,9 @@
45
45
  }
46
46
  }
47
47
  }
48
+
49
+ .pf-chatbot.pf-m-compact {
50
+ .pf-chatbot__messagebox {
51
+ padding: var(--pf-t--global--spacer--md);
52
+ }
53
+ }
@@ -25,7 +25,8 @@ const MessageBoxBase: React.FunctionComponent<MessageBoxProps> = ({
25
25
  children,
26
26
  innerRef,
27
27
  className,
28
- position = 'top'
28
+ position = 'top',
29
+ ...props
29
30
  }: MessageBoxProps) => {
30
31
  const [atTop, setAtTop] = React.useState(false);
31
32
  const [atBottom, setAtBottom] = React.useState(true);
@@ -96,6 +97,7 @@ const MessageBoxBase: React.FunctionComponent<MessageBoxProps> = ({
96
97
  aria-label={ariaLabel}
97
98
  className={`pf-chatbot__messagebox ${position === 'bottom' && 'pf-chatbot__messagebox--bottom'} ${className ?? ''}`}
98
99
  ref={innerRef ?? messageBoxRef}
100
+ {...props}
99
101
  >
100
102
  {children}
101
103
  <div className="pf-chatbot__messagebox-announcement" aria-live="polite">