@patternfly/chatbot 2.2.0-prerelease.31 → 2.2.0-prerelease.33

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 (38) hide show
  1. package/dist/cjs/Chatbot/Chatbot.d.ts +2 -1
  2. package/dist/cjs/Chatbot/Chatbot.js +1 -0
  3. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +1 -1
  4. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.d.ts +3 -1
  5. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.js +4 -2
  6. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.test.js +15 -7
  7. package/dist/cjs/Message/UserFeedback/UserFeedback.d.ts +1 -1
  8. package/dist/cjs/Message/UserFeedback/UserFeedback.js +2 -3
  9. package/dist/cjs/Message/UserFeedback/UserFeedback.test.js +0 -13
  10. package/dist/css/main.css +33 -3
  11. package/dist/css/main.css.map +1 -1
  12. package/dist/esm/Chatbot/Chatbot.d.ts +2 -1
  13. package/dist/esm/Chatbot/Chatbot.js +1 -0
  14. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +1 -1
  15. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.d.ts +3 -1
  16. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.js +4 -2
  17. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.test.js +15 -7
  18. package/dist/esm/Message/UserFeedback/UserFeedback.d.ts +1 -1
  19. package/dist/esm/Message/UserFeedback/UserFeedback.js +2 -3
  20. package/dist/esm/Message/UserFeedback/UserFeedback.test.js +0 -13
  21. package/package.json +4 -2
  22. package/patternfly-docs/content/extensions/chatbot/examples/Analytics/Analytics.md +67 -62
  23. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md +11 -0
  24. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotInDrawer.tsx +453 -0
  25. package/src/Chatbot/Chatbot.scss +19 -0
  26. package/src/Chatbot/Chatbot.tsx +2 -1
  27. package/src/ChatbotContent/ChatbotContent.scss +1 -0
  28. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +2 -0
  29. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +1 -1
  30. package/src/ChatbotFooter/ChatbotFooter.scss +9 -0
  31. package/src/ChatbotHeader/ChatbotHeader.scss +2 -1
  32. package/src/ChatbotHeader/ChatbotHeaderTitle.test.tsx +23 -7
  33. package/src/ChatbotHeader/ChatbotHeaderTitle.tsx +7 -2
  34. package/src/Message/UserFeedback/UserFeedback.test.tsx +0 -21
  35. package/src/Message/UserFeedback/UserFeedback.tsx +1 -5
  36. package/src/MessageBar/MessageBar.scss +3 -3
  37. package/src/MessageBox/MessageBox.scss +1 -0
  38. package/src/SourcesCard/SourcesCard.scss +6 -0
package/src/Message/UserFeedback/UserFeedback.tsx CHANGED
@@ -42,7 +42,7 @@ export interface UserFeedbackProps extends Omit<CardProps, 'onSubmit'>, OUIAProp
42
42
  closeButtonAriaLabel?: string;
43
43
  /** Label for the English word "Submit." */
44
44
  submitWord?: string;
45
- /** Label for the English word "Cancel." */
45
+ /** @deprecated Cancel button has been deprecated. Use the close button instead. Label for the English word "Cancel." */
46
46
  cancelWord?: string;
47
47
  /** Uniquely identifies the card. */
48
48
  id?: string;
@@ -71,7 +71,6 @@ const UserFeedback: React.FunctionComponent<UserFeedbackProps> = ({
71
71
  id,
72
72
  headingLevel: HeadingLevel = 'h1',
73
73
  focusOnLoad = true,
74
- cancelWord = 'Cancel',
75
74
  ...props
76
75
  }: UserFeedbackProps) => {
77
76
  const [selectedResponse, setSelectedResponse] = React.useState<string>();
@@ -118,9 +117,6 @@ const UserFeedback: React.FunctionComponent<UserFeedbackProps> = ({
118
117
  )}
119
118
  <ActionGroup>
120
119
  <Button onClick={() => onSubmit(selectedResponse, value)}>{submitWord}</Button>
121
- <Button variant="link" onClick={onClose}>
122
- {cancelWord}
123
- </Button>
124
120
  </ActionGroup>
125
121
  </Form>
126
122
  </CardBody>
package/src/MessageBar/MessageBar.scss CHANGED
@@ -50,9 +50,9 @@
50
50
  }
51
51
 
52
52
  .pf-chatbot__message-textarea {
53
- --pf-v6-c-form-control--before--BorderStyle: none;
54
- --pf-v6-c-form-control--after--BorderStyle: none;
55
- resize: none;
53
+ --pf-v6-c-form-control--before--BorderStyle: none !important;
54
+ --pf-v6-c-form-control--after--BorderStyle: none !important;
55
+ resize: none !important;
56
56
  background-color: transparent;
57
57
  font-size: var(--pf-t--global--font--size--md);
58
58
  line-height: 1.5rem;
package/src/MessageBox/MessageBox.scss CHANGED
@@ -37,6 +37,7 @@
37
37
 
38
38
  @media screen and (min-width: 64rem) {
39
39
  .pf-chatbot--embedded,
40
+ .pf-chatbot--drawer,
40
41
  .pf-chatbot--fullscreen {
41
42
  .pf-chatbot__messagebox {
42
43
  max-width: 60rem;
package/src/SourcesCard/SourcesCard.scss CHANGED
@@ -4,6 +4,12 @@
4
4
  gap: var(--pf-t--global--spacer--sm);
5
5
  padding-block-start: var(--pf-t--global--spacer--sm);
6
6
  max-width: 22.5rem;
7
+
8
+ a {
9
+ color: var(--pf-t--global--text--color--link--default) !important;
10
+ -webkit-text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
11
+ text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
12
+ }
7
13
  }
8
14
 
9
15
  .pf-chatbot__sources-card {