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

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 (110) 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/css/main.css +128 -2
  37. package/dist/css/main.css.map +1 -1
  38. package/dist/esm/Chatbot/Chatbot.test.js +4 -0
  39. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +1 -1
  40. package/dist/esm/ChatbotFooter/ChatbotFooter.d.ts +1 -0
  41. package/dist/esm/ChatbotFooter/ChatbotFooter.js +2 -2
  42. package/dist/esm/ChatbotFooter/ChatbotFooter.test.d.ts +1 -1
  43. package/dist/esm/ChatbotFooter/ChatbotFooter.test.js +5 -0
  44. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.d.ts +3 -2
  45. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js +20 -6
  46. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.d.ts +1 -1
  47. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.js +5 -0
  48. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.d.ts +1 -0
  49. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +3 -3
  50. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts +1 -1
  51. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js +5 -0
  52. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.d.ts +1 -0
  53. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +2 -2
  54. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts +1 -1
  55. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js +5 -0
  56. package/dist/esm/ChatbotPopover/ChatbotPopover.js +1 -1
  57. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.d.ts +1 -0
  58. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.js +3 -3
  59. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.js +4 -0
  60. package/dist/esm/MessageBar/AttachButton.d.ts +1 -0
  61. package/dist/esm/MessageBar/AttachButton.js +3 -3
  62. package/dist/esm/MessageBar/AttachButton.test.js +4 -0
  63. package/dist/esm/MessageBar/MessageBar.d.ts +1 -0
  64. package/dist/esm/MessageBar/MessageBar.js +13 -12
  65. package/dist/esm/MessageBar/MicrophoneButton.d.ts +1 -0
  66. package/dist/esm/MessageBar/MicrophoneButton.js +3 -3
  67. package/dist/esm/MessageBar/SendButton.d.ts +1 -0
  68. package/dist/esm/MessageBar/SendButton.js +3 -3
  69. package/dist/esm/MessageBar/SendButton.test.js +4 -0
  70. package/dist/esm/MessageBar/StopButton.d.ts +1 -0
  71. package/dist/esm/MessageBar/StopButton.js +3 -3
  72. package/dist/esm/MessageBar/StopButton.test.js +4 -0
  73. package/package.json +1 -1
  74. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md +8 -1
  75. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotCompact.tsx +481 -0
  76. package/src/Chatbot/Chatbot.test.tsx +9 -0
  77. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +10 -1
  78. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +5 -1
  79. package/src/ChatbotFooter/ChatbotFooter.scss +5 -0
  80. package/src/ChatbotFooter/ChatbotFooter.test.tsx +10 -0
  81. package/src/ChatbotFooter/ChatbotFooter.tsx +3 -1
  82. package/src/ChatbotHeader/ChatbotHeader.scss +17 -0
  83. package/src/ChatbotHeader/ChatbotHeaderMenu.test.tsx +8 -0
  84. package/src/ChatbotHeader/ChatbotHeaderMenu.tsx +10 -5
  85. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx +6 -0
  86. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +5 -2
  87. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx +10 -0
  88. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx +4 -0
  89. package/src/ChatbotPopover/ChatbotPopover.scss +9 -5
  90. package/src/ChatbotPopover/ChatbotPopover.tsx +1 -1
  91. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss +9 -1
  92. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx +13 -0
  93. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx +13 -2
  94. package/src/ChatbotWelcomePrompt/__snapshots__/ChatbotWelcomePrompt.test.tsx.snap +1 -1
  95. package/src/Message/Message.scss +27 -0
  96. package/src/Message/TextMessage/TextMessage.scss +25 -0
  97. package/src/MessageBar/AttachButton.scss +10 -0
  98. package/src/MessageBar/AttachButton.test.tsx +4 -0
  99. package/src/MessageBar/AttachButton.tsx +5 -2
  100. package/src/MessageBar/MessageBar.scss +17 -0
  101. package/src/MessageBar/MessageBar.tsx +15 -6
  102. package/src/MessageBar/MicrophoneButton.scss +10 -0
  103. package/src/MessageBar/MicrophoneButton.tsx +5 -2
  104. package/src/MessageBar/SendButton.scss +10 -0
  105. package/src/MessageBar/SendButton.test.tsx +5 -1
  106. package/src/MessageBar/SendButton.tsx +5 -2
  107. package/src/MessageBar/StopButton.scss +10 -0
  108. package/src/MessageBar/StopButton.test.tsx +5 -1
  109. package/src/MessageBar/StopButton.tsx +5 -2
  110. package/src/MessageBox/MessageBox.scss +6 -0
package/dist/css/main.css CHANGED
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  .pf-chatbot__menu.pf-v6-c-menu {
2
3
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--large);
3
4
  --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -284,7 +285,6 @@
284
285
  border-radius: var(--pf-t--global--border--radius--pill);
285
286
  justify-content: center;
286
287
  align-items: center;
287
- border-radius: var(--pf-t--global--border--radius--small);
288
288
  }
289
289
  .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body {
290
290
  --pf-v6-c-drawer__panel__body--PaddingBlockStart: 0;
@@ -363,6 +363,14 @@
363
363
  --pf-v6-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--lg);
364
364
  --pf-v6-c-drawer__head--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
365
365
  }
366
+ .pf-chatbot__history.pf-m-compact .pf-v6-c-drawer__close .pf-v6-c-button {
367
+ width: 2rem;
368
+ height: 2rem;
369
+ --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
370
+ --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--xs);
371
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
372
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
373
+ }
366
374
 
367
375
  .pf-chatbot__footnote {
368
376
  align-self: center;
@@ -413,6 +421,11 @@
413
421
  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
414
422
  }
415
423
 
424
+ .pf-chatbot__footer.pf-m-compact .pf-chatbot__footer-container {
425
+ padding: 0 var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
426
+ row-gap: var(--pf-t--global--spacer--sm);
427
+ }
428
+
416
429
  .pf-chatbot__header-container {
417
430
  display: grid;
418
431
  }
@@ -530,11 +543,25 @@
530
543
  display: inline-flex;
531
544
  }
532
545
 
546
+ .pf-chatbot.pf-m-compact .pf-chatbot__header {
547
+ gap: var(--pf-t--global--spacer--sm);
548
+ padding: var(--pf-t--global--spacer--sm);
549
+ }
550
+ .pf-chatbot.pf-m-compact .pf-chatbot__header .pf-chatbot__title img {
551
+ max-height: 24px;
552
+ vertical-align: middle;
553
+ }
554
+
555
+ .pf-v6-c-menu-toggle.pf-chatbot__button--toggle-options.pf-m-compact,
533
556
  .pf-chatbot__button--toggle-menu.pf-m-compact {
534
557
  width: 2rem;
535
558
  height: 2rem;
536
559
  }
537
560
 
561
+ .pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary.pf-m-compact {
562
+ width: initial;
563
+ }
564
+
538
565
  .pf-chatbot__chatbot-modal-backdrop {
539
566
  position: static !important;
540
567
  }
@@ -664,7 +691,6 @@
664
691
  gap: var(--pf-t--global--spacer--lg);
665
692
  }
666
693
  .pf-chatbot--layout--welcome .pf-v6-c-content--h1 {
667
- --pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--3xl);
668
694
  --pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--400);
669
695
  --pf-v6-c-content--h1--MarginBlockEnd: 0;
670
696
  }
@@ -685,6 +711,14 @@
685
711
  height: 100%;
686
712
  }
687
713
 
714
+ .pf-chatbot--layout--welcome.pf-m-compact {
715
+ gap: var(--pf-t--global--spacer--md);
716
+ padding-block-end: var(--pf-t--global--spacer--md);
717
+ }
718
+ .pf-chatbot--layout--welcome.pf-m-compact .pf-chatbot__prompt-suggestions {
719
+ gap: var(--pf-t--global--spacer--md);
720
+ }
721
+
688
722
  @media screen and (min-width: 64rem) {
689
723
  .pf-chatbot--fullscreen .pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions,
690
724
  .pf-chatbot--embedded .pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions {
@@ -1216,6 +1250,39 @@
1216
1250
  color: var(--pf-t--global--text--color--on-brand--default);
1217
1251
  }
1218
1252
 
1253
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-button.pf-m-link {
1254
+ font-size: var(--pf-t--global--font--size--sm);
1255
+ }
1256
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content,
1257
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--small,
1258
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--blockquote,
1259
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text p,
1260
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text a {
1261
+ --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--sm);
1262
+ }
1263
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--blockquote {
1264
+ --pf-v6-c-content--blockquote--PaddingBlockStart: 0;
1265
+ --pf-v6-c-content--blockquote--PaddingBlockEnd: 0;
1266
+ }
1267
+
1268
+ .pf-chatbot.pf-m-compact .pf-chatbot__message {
1269
+ gap: var(--pf-t--global--spacer--md);
1270
+ padding-bottom: var(--pf-t--global--spacer--sm);
1271
+ }
1272
+ .pf-chatbot.pf-m-compact .pf-chatbot__message .pf-chatbot__message-contents  {
1273
+ gap: var(--pf-t--global--spacer--xs);
1274
+ }
1275
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-name {
1276
+ font-size: var(--pf-t--global--font--size--xs);
1277
+ }
1278
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar {
1279
+ --pf-v6-c-avatar--Width: 2rem;
1280
+ --pf-v6-c-avatar--Height: 2rem;
1281
+ }
1282
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-contents {
1283
+ gap: var(--pf-t--global--spacer--xs);
1284
+ }
1285
+
1219
1286
  .pf-chatbot__message-code-block {
1220
1287
  width: 100%;
1221
1288
  background-color: var(--pf-t--color--gray--80);
@@ -1335,6 +1402,21 @@
1335
1402
  color: var(--pf-t--global--text--color--on-brand--default);
1336
1403
  }
1337
1404
 
1405
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-button.pf-m-link {
1406
+ font-size: var(--pf-t--global--font--size--sm);
1407
+ }
1408
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content,
1409
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--small,
1410
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--blockquote,
1411
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text p,
1412
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text a {
1413
+ --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--sm);
1414
+ }
1415
+ .pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--blockquote {
1416
+ --pf-v6-c-content--blockquote--PaddingBlockStart: 0;
1417
+ --pf-v6-c-content--blockquote--PaddingBlockEnd: 0;
1418
+ }
1419
+
1338
1420
  .pf-chatbot__message-ordered-list,
1339
1421
  .pf-chatbot__message-unordered-list {
1340
1422
  width: fit-content;
@@ -1558,6 +1640,13 @@
1558
1640
  color: var(--pf-t--global--icon--color--inverse);
1559
1641
  }
1560
1642
 
1643
+ .pf-v6-c-button.pf-chatbot__button--attach.pf-m-compact {
1644
+ width: 1.5rem;
1645
+ height: 1.5rem;
1646
+ padding: var(--pf-t--global--spacer--sm);
1647
+ align-items: center;
1648
+ }
1649
+
1561
1650
  .pf-v6-c-button.pf-chatbot__button--microphone {
1562
1651
  border-radius: var(--pf-t--global--border--radius--pill);
1563
1652
  padding: var(--pf-t--global--spacer--md);
@@ -1589,6 +1678,13 @@
1589
1678
  box-shadow: 0 0 0 16px rgba(0, 102, 204, 0);
1590
1679
  }
1591
1680
  }
1681
+ .pf-v6-c-button.pf-chatbot__button--microphone.pf-m-compact {
1682
+ width: 1.5rem;
1683
+ height: 1.5rem;
1684
+ padding: var(--pf-t--global--spacer--sm);
1685
+ align-items: center;
1686
+ }
1687
+
1592
1688
  .pf-v6-c-button.pf-chatbot__button--send {
1593
1689
  border-radius: var(--pf-t--global--border--radius--pill);
1594
1690
  padding: var(--pf-t--global--spacer--md);
@@ -1631,6 +1727,13 @@
1631
1727
  transform: translate3d(0, 0, 0);
1632
1728
  }
1633
1729
  }
1730
+ .pf-v6-c-button.pf-chatbot__button--send.pf-m-compact {
1731
+ width: 1.5rem;
1732
+ height: 1.5rem;
1733
+ padding: var(--pf-t--global--spacer--sm);
1734
+ align-items: center;
1735
+ }
1736
+
1634
1737
  .pf-v6-c-button.pf-chatbot__button--stop {
1635
1738
  background-color: var(--pf-t--global--color--brand--default);
1636
1739
  border-radius: var(--pf-t--global--border--radius--pill);
@@ -1657,6 +1760,13 @@
1657
1760
  color: var(--pf-t--global--icon--color--on-brand--default);
1658
1761
  }
1659
1762
 
1763
+ .pf-v6-c-button.pf-chatbot__button--stop.pf-m-compact {
1764
+ width: 1.5rem;
1765
+ height: 1.5rem;
1766
+ padding: var(--pf-t--global--spacer--sm);
1767
+ align-items: center;
1768
+ }
1769
+
1660
1770
  .pf-chatbot__message-bar {
1661
1771
  --pf-chatbot__message-bar-child--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1662
1772
  --pf-chatbot__message-bar-child--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -1748,6 +1858,18 @@
1748
1858
  }
1749
1859
  }
1750
1860
 
1861
+ .pf-chatbot__message-bar-input.pf-m-compact {
1862
+ padding-block-start: 0;
1863
+ padding-block-end: 0;
1864
+ }
1865
+ .pf-chatbot__message-bar-input.pf-m-compact .pf-chatbot__message-textarea {
1866
+ font-size: var(--pf-t--global--font--size--sm) !important;
1867
+ }
1868
+ .pf-chatbot__message-bar-input.pf-m-compact .pf-chatbot__message-bar-actions {
1869
+ padding-block-start: var(--pf-t--global--spacer--md);
1870
+ padding-block-end: var(--pf-t--global--spacer--md);
1871
+ }
1872
+
1751
1873
  .pf-chatbot__jump {
1752
1874
  position: absolute !important;
1753
1875
  inset-inline-start: 75% !important;
@@ -1828,6 +1950,10 @@
1828
1950
  width: 100%;
1829
1951
  }
1830
1952
  }
1953
+ .pf-chatbot.pf-m-compact .pf-chatbot__messagebox {
1954
+ padding: var(--pf-t--global--spacer--md);
1955
+ }
1956
+
1831
1957
  .pf-chatbot__jump {
1832
1958
  position: absolute !important;
1833
1959
  inset-inline-start: 75% !important;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/ImageMessage/ImageMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/Message/TableMessage/TableMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.scss","../../src/Message/UserFeedback/UserFeedback.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/main.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAKF;EAvBF;IAwBI;IACA;;;AAIF;EA7BF;IA8BI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAXF;IAYI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAOJ;EACE;;;ACpIF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;;AAOJ;EAII;AAAA;AAAA;IACE;IACA;;;ACrBJ;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;;AASF;AAAA;EACE;;AACA;AAAA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAKE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;;AClOJ;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EACA;AAAA;IACE;;EAGJ;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AAQF;EACE;;;ACrDJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAQN;EAGI;AAAA;IACE;;EAEF;AAAA;IACE;;;AAUJ;AAAA;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAOJ;EACE;;;AAOJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAMF;EACE;EACA;;;ACjJF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEF;EACE;;;AAOJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;AAOA;EACE;;AAGF;EACE;EACA;;;ACjGF;EAA0B;;AAMxB;EAAM;;AACN;EAAuB;;AACvB;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACnBN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AC3BF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC5CN;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;AAAA;AAAA;EAGA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAGA;EACE;;;AAUF;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AC5FJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;;AAIN;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;ACrEJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACvBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;AC/DJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;;;AAME;EADF;IAEI;IACA;IACA;;EAEA;IACE;;;;AChDR;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AAGF;EACE;;;ACjGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;;AC9CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;ADrDN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;;;AEhFF;EACE;EACA;EACA;EACA;EAGA;;;ADDE;EACE;;;AAMN;EACE;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AEpDN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;AAAA;EAEE;EACA;EACA;;;ACtBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;ALjBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;;AMjDN;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;ACnBJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC7BJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAKA;EACE;;;AAKF;EACE;;AAGF;EACE;;AAIA;EACE;;;ACnEN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAKA;EACE;;;AC5BR;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AC1CJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;;;AAMJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;;AAGF;AAAA;EAEE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;ACrBR;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;IACA;;;AAKF;EACE;IACE;IACA;;;;ACxGN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAII;AAAA;AAAA;IACE;IACA;;;ADvCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AEhDJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1BF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AC3CF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;AAON;EACE;EACA;;;AChFJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AC9BA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;;;AAKN;AAAA;EAGE;;AAGE;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AChDJ;EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAKA;EACA;EACA;EAEA;EAEA;;;AAMF;EACE;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;EACA","file":"main.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/ImageMessage/ImageMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/Message/TableMessage/TableMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.scss","../../src/Message/UserFeedback/UserFeedback.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/main.scss"],"names":[],"mappings":";AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAKF;EAvBF;IAwBI;IACA;;;AAIF;EA7BF;IA8BI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAXF;IAYI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAOJ;EACE;;;ACpIF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;;AAOJ;EAII;AAAA;AAAA;IACE;IACA;;;ACrBJ;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;;AASF;AAAA;EACE;;AACA;AAAA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAKE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AC1ON;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EACA;AAAA;IACE;;EAGJ;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AAQF;EACE;;;AAIJ;EACE;EACA;;;AC3DF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAQN;EAGI;AAAA;IACE;;EAEF;AAAA;IACE;;;AAUJ;AAAA;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAOJ;EACE;;;AAOJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAOA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AClKF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEF;EACE;;;AAOJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;AAOA;EACE;;AAGF;EACE;EACA;;;ACjGF;EACE;;AAMA;EACE;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACxBN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AC3BF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;ACpDN;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;AAAA;AAAA;EAGA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAGA;EACE;;;AAUF;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AC5FJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;;AAIN;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;ACrEJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACvBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;AC/DJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;;;AAME;EADF;IAEI;IACA;IACA;;EAEA;IACE;;;;AChDR;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AAGF;EACE;;;ACjGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;;AC9CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAWF;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AH8BJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AE/HJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;;;AEhFF;EACE;EACA;EACA;EACA;EAGA;;;ADDE;EACE;;;AAMN;EACE;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAWF;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AE7EN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;AAAA;EAEE;EACA;EACA;;;ACtBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;ALjBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;;AMjDN;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;ACnBJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC7BJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAKA;EACE;;;AAKF;EACE;;AAGF;EACE;;AAIA;EACE;;;ACnEN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;EACA;;;ACzCF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AAOJ;EACE;EACA;EACA;EACA;;;ACrDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;;;AAMJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;;AAGF;AAAA;EAEE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAOJ;EACE;EACA;EACA;EACA;;;AC1DF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;EACA;;;AClCF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;IACA;;;AAKF;EACE;IACE;IACA;;;;AAQN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC1HJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAII;AAAA;AAAA;IACE;IACA;;;AAMJ;EACE;;;AD9CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AEhDJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1BF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AC3CF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;AAON;EACE;EACA;;;AChFJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AC9BA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;;;AAKN;AAAA;EAGE;;AAGE;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AChDJ;EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAKA;EACA;EACA;EAEA;EAEA;;;AAMF;EACE;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;EACA","file":"main.css"}
@@ -20,4 +20,8 @@ describe('Chatbot', () => {
20
20
  render(React.createElement(Chatbot, { isVisible: false }, "Chatbot Content"));
21
21
  expect(screen.queryByLabelText('Chatbot')).toBeFalsy();
22
22
  });
23
+ it('should handle isCompact', () => {
24
+ render(React.createElement(Chatbot, { "data-testid": "chatbot", isVisible: true, isCompact: true }, "Chatbot Content"));
25
+ expect(screen.getByTestId('chatbot')).toHaveClass('pf-m-compact');
26
+ });
23
27
  });
@@ -70,7 +70,7 @@ export const ChatbotConversationHistoryNav = (_a) => {
70
70
  React.createElement(DrawerHead, Object.assign({}, drawerHeadProps),
71
71
  React.createElement(DrawerActions, Object.assign({ "data-testid": drawerActionsTestId, className: reverseButtonOrder ? 'pf-v6-c-drawer__actions--reversed' : '' }, drawerActionsProps),
72
72
  React.createElement(DrawerCloseButton, Object.assign({ onClick: onDrawerToggle }, drawerCloseButtonProps)),
73
- onNewChat && React.createElement(Button, { onClick: onNewChat }, newChatButtonText))),
73
+ onNewChat && (React.createElement(Button, { size: isCompact ? 'sm' : undefined, onClick: onNewChat }, newChatButtonText)))),
74
74
  isLoading ? React.createElement(LoadingState, Object.assign({}, loadingState)) : renderDrawerContent()));
75
75
  return (React.createElement(DrawerPanelContent, Object.assign({ "aria-live": "polite", focusTrap: { enabled: true }, defaultSize: "384px" }, drawerPanelContentProps), drawer));
76
76
  };
@@ -4,6 +4,7 @@ export interface ChatbotFooterProps extends React.HTMLProps<HTMLDivElement> {
4
4
  children?: React.ReactNode;
5
5
  /** Custom classname for the Footer component */
6
6
  className?: string;
7
+ isCompact?: boolean;
7
8
  }
8
9
  export declare const ChatbotFooter: React.FunctionComponent<ChatbotFooterProps>;
9
10
  export default ChatbotFooter;
@@ -20,8 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  import React from 'react';
21
21
  import { Divider } from '@patternfly/react-core';
22
22
  export const ChatbotFooter = (_a) => {
23
- var { children, className } = _a, props = __rest(_a, ["children", "className"]);
24
- return (React.createElement("div", Object.assign({ className: `pf-chatbot__footer ${className !== null && className !== void 0 ? className : ''}` }, props),
23
+ var { children, className, isCompact } = _a, props = __rest(_a, ["children", "className", "isCompact"]);
24
+ return (React.createElement("div", Object.assign({ className: `pf-chatbot__footer ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}` }, props),
25
25
  React.createElement(Divider, null),
26
26
  React.createElement("div", { className: "pf-chatbot__footer-container" }, children)));
27
27
  };
@@ -1 +1 @@
1
- export {};
1
+ import '@testing-library/jest-dom';
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { render, screen } from '@testing-library/react';
3
3
  import ChatbotFooter from './ChatbotFooter';
4
+ import '@testing-library/jest-dom';
4
5
  describe('ChatbotFooter', () => {
5
6
  it('should render ChatbotFooter with children', () => {
6
7
  render(React.createElement(ChatbotFooter, null, "Chatbot Content"));
@@ -10,4 +11,8 @@ describe('ChatbotFooter', () => {
10
11
  const { container } = render(React.createElement(ChatbotFooter, { className: "custom-class" }, "Chatbot Content"));
11
12
  expect(container.querySelector('.custom-class')).toBeTruthy();
12
13
  });
14
+ it('should handle isCompact', () => {
15
+ render(React.createElement(ChatbotFooter, { className: "custom-class", isCompact: true, "data-testid": "footer" }, "Chatbot Content"));
16
+ expect(screen.getByTestId('footer')).toHaveClass('pf-m-compact');
17
+ });
13
18
  });
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { TooltipProps } from '@patternfly/react-core';
3
- export interface ChatbotHeaderMenuProps {
2
+ import { ButtonProps, TooltipProps } from '@patternfly/react-core';
3
+ export interface ChatbotHeaderMenuProps extends ButtonProps {
4
4
  /** Callback function to attach to menu toggle on top right of chatbot header. */
5
5
  onMenuToggle: () => void;
6
6
  /** Custom classname for the header component */
@@ -13,5 +13,6 @@ export interface ChatbotHeaderMenuProps {
13
13
  innerRef?: React.Ref<HTMLButtonElement>;
14
14
  /** Content used in tooltip */
15
15
  tooltipContent?: string;
16
+ isCompact?: boolean;
16
17
  }
17
18
  export declare const ChatbotHeaderMenu: React.ForwardRefExoticComponent<ChatbotHeaderMenuProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,10 +1,24 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
1
12
  import React from 'react';
2
13
  import { Button, Icon, Tooltip } from '@patternfly/react-core';
3
14
  import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
4
- const ChatbotHeaderMenuBase = ({ className, onMenuToggle, tooltipProps, menuAriaLabel = 'Toggle menu', innerRef, tooltipContent = 'Menu' }) => (React.createElement("div", { className: `pf-chatbot__menu ${className}` },
5
- React.createElement(Tooltip, Object.assign({ content: tooltipContent, position: "bottom",
6
- // prevents VO announcements of both aria label and tooltip
7
- aria: "none" }, tooltipProps),
8
- React.createElement(Button, { className: "pf-chatbot__button--toggle-menu", variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef, icon: React.createElement(Icon, { size: "xl", isInline: true },
9
- React.createElement(BarsIcon, null)) }))));
15
+ const ChatbotHeaderMenuBase = (_a) => {
16
+ var { className, onMenuToggle, tooltipProps, menuAriaLabel = 'Toggle menu', innerRef, tooltipContent = 'Menu', isCompact } = _a, props = __rest(_a, ["className", "onMenuToggle", "tooltipProps", "menuAriaLabel", "innerRef", "tooltipContent", "isCompact"]);
17
+ return (React.createElement("div", { className: `pf-chatbot__menu ${className}` },
18
+ React.createElement(Tooltip, Object.assign({ content: tooltipContent, position: "bottom",
19
+ // prevents VO announcements of both aria label and tooltip
20
+ aria: "none" }, tooltipProps),
21
+ React.createElement(Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef, icon: React.createElement(Icon, { size: isCompact ? 'lg' : 'xl', isInline: true },
22
+ React.createElement(BarsIcon, null)), size: isCompact ? 'sm' : undefined }, props)))));
23
+ };
10
24
  export const ChatbotHeaderMenu = React.forwardRef((props, ref) => (React.createElement(ChatbotHeaderMenuBase, Object.assign({ innerRef: ref }, props))));
@@ -1 +1 @@
1
- export {};
1
+ import '@testing-library/jest-dom';
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { fireEvent, render, screen } from '@testing-library/react';
3
3
  import { ChatbotHeaderMenu } from './ChatbotHeaderMenu';
4
+ import '@testing-library/jest-dom';
4
5
  describe('ChatbotHeaderMenu', () => {
5
6
  it('should render ChatbotHeaderMenu with custom class', () => {
6
7
  const { container } = render(React.createElement(ChatbotHeaderMenu, { className: "custom-header-menu", onMenuToggle: jest.fn() }));
@@ -12,4 +13,8 @@ describe('ChatbotHeaderMenu', () => {
12
13
  fireEvent.click(screen.getByRole('button', { name: 'Toggle menu' }));
13
14
  expect(onMenuToggle).toHaveBeenCalled();
14
15
  });
16
+ it('should handle isCompact', () => {
17
+ render(React.createElement(ChatbotHeaderMenu, { className: "custom-header-menu", onMenuToggle: jest.fn(), isCompact: true, "data-testid": "button" }));
18
+ expect(screen.getByTestId('button')).toHaveClass('pf-m-compact');
19
+ });
15
20
  });
@@ -9,6 +9,7 @@ export interface ChatbotHeaderOptionsDropdownProps extends Omit<DropdownProps, '
9
9
  tooltipProps?: TooltipProps;
10
10
  /** Aria label for menu toggle */
11
11
  menuToggleAriaLabel?: string;
12
+ isCompact?: boolean;
12
13
  }
13
14
  export declare const ChatbotHeaderOptionsDropdown: React.FunctionComponent<ChatbotHeaderOptionsDropdownProps>;
14
15
  export default ChatbotHeaderOptionsDropdown;
@@ -13,13 +13,13 @@ import React from 'react';
13
13
  import { Tooltip, Dropdown, MenuToggle, Icon } from '@patternfly/react-core';
14
14
  import EllipsisIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
15
15
  export const ChatbotHeaderOptionsDropdown = (_a) => {
16
- var { className, children, onSelect, tooltipProps, menuToggleAriaLabel = 'Chatbot options' } = _a, props = __rest(_a, ["className", "children", "onSelect", "tooltipProps", "menuToggleAriaLabel"]);
16
+ var { className, children, onSelect, tooltipProps, menuToggleAriaLabel = 'Chatbot options', isCompact } = _a, props = __rest(_a, ["className", "children", "onSelect", "tooltipProps", "menuToggleAriaLabel", "isCompact"]);
17
17
  const [isOptionsMenuOpen, setIsOptionsMenuOpen] = React.useState(false);
18
18
  const toggle = (toggleRef) => (React.createElement(Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: "Chatbot options", position: "bottom",
19
19
  // prevents VO announcements of both aria label and tooltip
20
20
  aria: "none" }, tooltipProps),
21
- React.createElement(MenuToggle, { className: "pf-chatbot__button--toggle-options", variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: React.createElement(Icon, { iconSize: "xl", isInline: true },
22
- React.createElement(EllipsisIcon, null)), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen) })));
21
+ React.createElement(MenuToggle, { className: `pf-chatbot__button--toggle-options ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: React.createElement(Icon, { size: isCompact ? 'lg' : 'xl', isInline: true },
22
+ React.createElement(EllipsisIcon, null)), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined })));
23
23
  return (React.createElement(Dropdown, Object.assign({ className: `pf-chatbot__options ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {
24
24
  onSelect && onSelect(e, value);
25
25
  setIsOptionsMenuOpen(false);
@@ -1 +1 @@
1
- export {};
1
+ import '@testing-library/jest-dom';
@@ -11,6 +11,7 @@ import React from 'react';
11
11
  import { DropdownItem } from '@patternfly/react-core';
12
12
  import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
13
13
  import { ChatbotHeaderOptionsDropdown } from './ChatbotHeaderOptionsDropdown';
14
+ import '@testing-library/jest-dom';
14
15
  describe('ChatbotHeaderOptionsDropdown', () => {
15
16
  const dropdownItems = (React.createElement(React.Fragment, null,
16
17
  React.createElement(DropdownItem, null, "Option 1"),
@@ -35,4 +36,8 @@ describe('ChatbotHeaderOptionsDropdown', () => {
35
36
  expect(onSelect).toHaveBeenCalled();
36
37
  });
37
38
  }));
39
+ it('should handle isCompact', () => {
40
+ render(React.createElement(ChatbotHeaderOptionsDropdown, { isCompact: true }, dropdownItems));
41
+ expect(screen.getByRole('button', { name: 'Chatbot options' })).toHaveClass('pf-m-compact');
42
+ });
38
43
  });
@@ -13,6 +13,7 @@ export interface ChatbotHeaderSelectorDropdownProps extends Omit<DropdownProps,
13
13
  menuToggleAriaLabel?: string;
14
14
  /** Text displayed in Tooltip wrapping the display mode dropdown */
15
15
  tooltipContent?: string;
16
+ isCompact?: boolean;
16
17
  }
17
18
  export declare const ChatbotHeaderSelectorDropdown: React.FunctionComponent<ChatbotHeaderSelectorDropdownProps>;
18
19
  export default ChatbotHeaderSelectorDropdown;
@@ -12,13 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import React from 'react';
13
13
  import { Tooltip, Dropdown, MenuToggle } from '@patternfly/react-core';
14
14
  export const ChatbotHeaderSelectorDropdown = (_a) => {
15
- var { value, className, children, onSelect, tooltipProps, tooltipContent = 'Select model', menuToggleAriaLabel } = _a, props = __rest(_a, ["value", "className", "children", "onSelect", "tooltipProps", "tooltipContent", "menuToggleAriaLabel"]);
15
+ var { value, className, children, onSelect, tooltipProps, tooltipContent = 'Select model', menuToggleAriaLabel, isCompact } = _a, props = __rest(_a, ["value", "className", "children", "onSelect", "tooltipProps", "tooltipContent", "menuToggleAriaLabel", "isCompact"]);
16
16
  const [isOptionsMenuOpen, setIsOptionsMenuOpen] = React.useState(false);
17
17
  const [defaultAriaLabel, setDefaultAriaLabel] = React.useState('Select model');
18
18
  const toggle = (toggleRef) => (React.createElement(Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: tooltipContent, position: "bottom",
19
19
  // prevents VO announcements of both aria label and tooltip
20
20
  aria: "none" }, tooltipProps),
21
- React.createElement(MenuToggle, { variant: "secondary", "aria-label": menuToggleAriaLabel !== null && menuToggleAriaLabel !== void 0 ? menuToggleAriaLabel : defaultAriaLabel, ref: toggleRef, isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen) }, value)));
21
+ React.createElement(MenuToggle, { variant: "secondary", "aria-label": menuToggleAriaLabel !== null && menuToggleAriaLabel !== void 0 ? menuToggleAriaLabel : defaultAriaLabel, ref: toggleRef, isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined, className: `${isCompact ? 'pf-m-compact' : ''}` }, value)));
22
22
  return (React.createElement(Dropdown, Object.assign({ className: `pf-chatbot__selections ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {
23
23
  onSelect && onSelect(e, value);
24
24
  setDefaultAriaLabel(`Select model: ${value}`);
@@ -1 +1 @@
1
- export {};
1
+ import '@testing-library/jest-dom';
@@ -11,6 +11,7 @@ import React from 'react';
11
11
  import { DropdownItem } from '@patternfly/react-core';
12
12
  import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
13
13
  import { ChatbotHeaderSelectorDropdown } from './ChatbotHeaderSelectorDropdown';
14
+ import '@testing-library/jest-dom';
14
15
  describe('ChatbotHeaderSelectorDropdown', () => {
15
16
  const dropdownItems = (React.createElement(React.Fragment, null,
16
17
  React.createElement(DropdownItem, null, "Option 1"),
@@ -33,4 +34,8 @@ describe('ChatbotHeaderSelectorDropdown', () => {
33
34
  expect(onSelect).toHaveBeenCalled();
34
35
  });
35
36
  }));
37
+ it('should handle isCompact', () => {
38
+ render(React.createElement(ChatbotHeaderSelectorDropdown, { value: "Option 1", isCompact: true }, dropdownItems));
39
+ expect(screen.getByRole('button', { name: /Select model/i })).toHaveClass('pf-m-compact');
40
+ });
36
41
  });
@@ -17,6 +17,6 @@ import React from 'react';
17
17
  import { Popover } from '@patternfly/react-core';
18
18
  export const ChatbotPopover = (_a) => {
19
19
  var { children, className } = _a, props = __rest(_a, ["children", "className"]);
20
- return (React.createElement(Popover, Object.assign({ className: `pf-chatbot__popover ${className !== null && className !== void 0 ? className : ''}`, showClose: false }, props), children));
20
+ return (React.createElement(Popover, Object.assign({ className: `pf-chatbot__popover ${className !== null && className !== void 0 ? className : ''}`, showClose: false }, props), children));
21
21
  };
22
22
  export default ChatbotPopover;
@@ -10,6 +10,7 @@ export interface ChatbotWelcomePromptProps extends React.HTMLProps<HTMLDivElemen
10
10
  className?: string;
11
11
  /** Custom test id for the WelcomePrompt component */
12
12
  testId?: string;
13
+ isCompact?: boolean;
13
14
  }
14
15
  export interface WelcomePrompt {
15
16
  /** Message for the welcome prompt */
@@ -15,13 +15,13 @@ var __rest = (this && this.__rest) || function (s, e) {
15
15
  import React from 'react';
16
16
  import { Content, ContentVariants, Card, CardHeader, CardTitle, CardBody } from '@patternfly/react-core';
17
17
  export const ChatbotWelcomePrompt = (_a) => {
18
- var { title, description, prompts, className, testId } = _a, props = __rest(_a, ["title", "description", "prompts", "className", "testId"]);
19
- return (React.createElement("div", Object.assign({ "data-testid": testId, className: `pf-chatbot--layout--welcome ${className !== null && className !== void 0 ? className : ''}` }, props),
18
+ var { title, description, prompts, className, testId, isCompact = false } = _a, props = __rest(_a, ["title", "description", "prompts", "className", "testId", "isCompact"]);
19
+ return (React.createElement("div", Object.assign({ "data-testid": testId, className: `pf-chatbot--layout--welcome ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}` }, props),
20
20
  React.createElement(Content, { component: ContentVariants.h1 },
21
21
  React.createElement("span", { className: "pf-chatbot__hello" }, title),
22
22
  React.createElement("br", null),
23
23
  React.createElement("span", { className: "pf-chatbot__question" }, description)),
24
- prompts && (React.createElement("div", { className: "pf-chatbot__prompt-suggestions" }, prompts === null || prompts === void 0 ? void 0 : prompts.map((prompt, index) => (React.createElement(Card, { key: `welcome-prompt-${index}`, className: "pf-chatbot__prompt-suggestion", isClickable: true },
24
+ prompts && (React.createElement("div", { className: "pf-chatbot__prompt-suggestions" }, prompts === null || prompts === void 0 ? void 0 : prompts.map((prompt, index) => (React.createElement(Card, { key: `welcome-prompt-${index}`, className: "pf-chatbot__prompt-suggestion", isClickable: true, isCompact: isCompact },
25
25
  React.createElement(CardHeader, { selectableActions: {
26
26
  onClickAction: prompt.onClick,
27
27
  selectableActionId: `welcome-prompt-input-${index}`,
@@ -49,4 +49,8 @@ describe('ChatbotWelcomePrompt', () => {
49
49
  const element = screen.getByTestId('welcome-prompt');
50
50
  expect(element).toHaveClass('test');
51
51
  });
52
+ it('should handle isCompact', () => {
53
+ render(React.createElement(ChatbotWelcomePrompt, { title: "Hi, ChatBot User!", description: "How can I help you today?", className: "test", testId: "welcome-prompt", isCompact: true }));
54
+ expect(screen.getByTestId('welcome-prompt')).toHaveClass('pf-m-compact');
55
+ });
52
56
  });
@@ -17,5 +17,6 @@ export interface AttachButtonProps extends ButtonProps {
17
17
  tooltipContent?: string;
18
18
  /** Test id applied to input */
19
19
  inputTestId?: string;
20
+ isCompact?: boolean;
20
21
  }
21
22
  export declare const AttachButton: React.ForwardRefExoticComponent<AttachButtonProps & React.RefAttributes<any>>;
@@ -18,7 +18,7 @@ import { Button, Icon, Tooltip } from '@patternfly/react-core';
18
18
  import { useDropzone } from 'react-dropzone';
19
19
  import { PaperclipIcon } from '@patternfly/react-icons/dist/esm/icons/paperclip-icon';
20
20
  const AttachButtonBase = (_a) => {
21
- var { onAttachAccepted, onClick, isDisabled, className, tooltipProps, innerRef, tooltipContent = 'Attach', inputTestId } = _a, props = __rest(_a, ["onAttachAccepted", "onClick", "isDisabled", "className", "tooltipProps", "innerRef", "tooltipContent", "inputTestId"]);
21
+ var { onAttachAccepted, onClick, isDisabled, className, tooltipProps, innerRef, tooltipContent = 'Attach', inputTestId, isCompact } = _a, props = __rest(_a, ["onAttachAccepted", "onClick", "isDisabled", "className", "tooltipProps", "innerRef", "tooltipContent", "inputTestId", "isCompact"]);
22
22
  const { open, getInputProps } = useDropzone({
23
23
  multiple: true,
24
24
  onDropAccepted: onAttachAccepted
@@ -28,7 +28,7 @@ const AttachButtonBase = (_a) => {
28
28
  React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--attach", content: tooltipContent, position: "top", entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0,
29
29
  // prevents VO announcements of both aria label and tooltip
30
30
  aria: "none" }, tooltipProps),
31
- React.createElement(Button, Object.assign({ variant: "plain", ref: innerRef, className: `pf-chatbot__button--attach ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Attach button', isDisabled: isDisabled, onClick: onClick !== null && onClick !== void 0 ? onClick : open, icon: React.createElement(Icon, { iconSize: "xl", isInline: true },
32
- React.createElement(PaperclipIcon, null)) }, props)))));
31
+ React.createElement(Button, Object.assign({ variant: "plain", ref: innerRef, className: `pf-chatbot__button--attach ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Attach button', isDisabled: isDisabled, onClick: onClick !== null && onClick !== void 0 ? onClick : open, icon: React.createElement(Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
32
+ React.createElement(PaperclipIcon, null)), size: isCompact ? 'sm' : undefined }, props)))));
33
33
  };
34
34
  export const AttachButton = React.forwardRef((props, ref) => (React.createElement(AttachButtonBase, Object.assign({ innerRef: ref }, props))));
@@ -58,4 +58,8 @@ describe('Attach button', () => {
58
58
  expect(input.files).toHaveLength(1);
59
59
  expect(spy).toHaveBeenCalledTimes(1);
60
60
  }));
61
+ it('should handle isCompact', () => {
62
+ render(React.createElement(AttachButton, { isCompact: true, "data-testid": "button" }));
63
+ expect(screen.getByTestId('button')).toHaveClass('pf-m-compact');
64
+ });
61
65
  });
@@ -78,6 +78,7 @@ export interface MessageBarProps extends TextAreaProps {
78
78
  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>, value: string | number) => void;
79
79
  /** Display mode of chatbot, if you want to message bar to resize when the display mode changes */
80
80
  displayMode?: ChatbotDisplayMode;
81
+ isCompact?: boolean;
81
82
  }
82
83
  export declare const MessageBar: React.FunctionComponent<MessageBarProps>;
83
84
  export default MessageBar;