@patternfly/chatbot 6.4.0-prerelease.20 → 6.4.0-prerelease.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +1 -1
  2. package/dist/cjs/FileDetails/FileDetails.d.ts +22 -3
  3. package/dist/cjs/FileDetails/FileDetails.js +27 -912
  4. package/dist/cjs/FileDetails/FileDetails.test.js +16 -0
  5. package/dist/cjs/FileDetailsLabel/FileDetailsLabel.d.ts +8 -2
  6. package/dist/cjs/FileDetailsLabel/FileDetailsLabel.js +14 -2
  7. package/dist/cjs/FileDetailsLabel/FileDetailsLabel.test.js +19 -1
  8. package/dist/cjs/ImagePreview/ImagePreview.d.ts +53 -0
  9. package/dist/cjs/ImagePreview/ImagePreview.js +47 -0
  10. package/dist/cjs/ImagePreview/ImagePreview.test.d.ts +1 -0
  11. package/dist/cjs/ImagePreview/ImagePreview.test.js +225 -0
  12. package/dist/cjs/ImagePreview/index.d.ts +2 -0
  13. package/dist/cjs/ImagePreview/index.js +23 -0
  14. package/dist/cjs/MessageBox/MessageBox.js +1 -1
  15. package/dist/cjs/index.d.ts +2 -0
  16. package/dist/cjs/index.js +4 -1
  17. package/dist/css/main.css +75 -19
  18. package/dist/css/main.css.map +1 -1
  19. package/dist/dynamic/ImagePreview/package.json +1 -0
  20. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +1 -1
  21. package/dist/esm/FileDetails/FileDetails.d.ts +22 -3
  22. package/dist/esm/FileDetails/FileDetails.js +27 -912
  23. package/dist/esm/FileDetails/FileDetails.test.js +16 -0
  24. package/dist/esm/FileDetailsLabel/FileDetailsLabel.d.ts +8 -2
  25. package/dist/esm/FileDetailsLabel/FileDetailsLabel.js +14 -2
  26. package/dist/esm/FileDetailsLabel/FileDetailsLabel.test.js +19 -1
  27. package/dist/esm/ImagePreview/ImagePreview.d.ts +53 -0
  28. package/dist/esm/ImagePreview/ImagePreview.js +42 -0
  29. package/dist/esm/ImagePreview/ImagePreview.test.d.ts +1 -0
  30. package/dist/esm/ImagePreview/ImagePreview.test.js +220 -0
  31. package/dist/esm/ImagePreview/index.d.ts +2 -0
  32. package/dist/esm/ImagePreview/index.js +2 -0
  33. package/dist/esm/MessageBox/MessageBox.js +1 -1
  34. package/dist/esm/index.d.ts +2 -0
  35. package/dist/esm/index.js +2 -0
  36. package/dist/tsconfig.tsbuildinfo +1 -1
  37. package/package.json +1 -1
  38. package/patternfly-docs/content/extensions/chatbot/examples/Messages/AttachmentEdit.tsx +1 -1
  39. package/patternfly-docs/content/extensions/chatbot/examples/Messages/ImagePreview.tsx +53 -0
  40. package/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md +11 -1
  41. package/patternfly-docs/content/extensions/chatbot/examples/Messages/PreviewAttachment.tsx +1 -1
  42. package/patternfly-docs/content/extensions/chatbot/examples/Messages/file-preview.svg +9 -0
  43. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +0 -12
  44. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +1 -1
  45. package/src/FileDetails/FileDetails.scss +10 -0
  46. package/src/FileDetails/FileDetails.test.tsx +16 -0
  47. package/src/FileDetails/FileDetails.tsx +89 -32
  48. package/src/FileDetails/__snapshots__/FileDetails.test.tsx.snap +25 -16
  49. package/src/FileDetailsLabel/FileDetailsLabel.test.tsx +21 -1
  50. package/src/FileDetailsLabel/FileDetailsLabel.tsx +16 -3
  51. package/src/FileDetailsLabel/__snapshots__/FileDetailsLabel.test.tsx.snap +25 -16
  52. package/src/ImagePreview/ImagePreview.scss +61 -0
  53. package/src/ImagePreview/ImagePreview.test.tsx +253 -0
  54. package/src/ImagePreview/ImagePreview.tsx +200 -0
  55. package/src/ImagePreview/index.ts +3 -0
  56. package/src/MessageBox/MessageBox.scss +0 -12
  57. package/src/MessageBox/MessageBox.tsx +1 -1
  58. package/src/index.ts +3 -0
  59. package/src/main.scss +13 -0
@@ -71,7 +71,7 @@ const ChatbotConversationHistoryNav = (_a) => {
71
71
  };
72
72
  const renderDrawerContent = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_core_1.DrawerPanelBody, Object.assign({}, drawerPanelBodyProps, { children: renderMenuContent() })) }));
73
73
  const renderPanelContent = () => {
74
- const drawer = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.DrawerHead, Object.assign({}, drawerHeadProps, { children: (0, jsx_runtime_1.jsxs)(react_core_1.DrawerActions, Object.assign({ "data-testid": drawerActionsTestId, className: reverseButtonOrder ? 'pf-v6-c-drawer__actions--reversed' : '' }, drawerActionsProps, { children: [(0, jsx_runtime_1.jsx)(react_core_1.DrawerCloseButton, Object.assign({ onClick: onDrawerToggle }, drawerCloseButtonProps)), onNewChat && ((0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ size: isCompact ? 'sm' : undefined, onClick: onNewChat, icon: (0, jsx_runtime_1.jsx)(react_icons_1.PenToSquareIcon, {}) }, newChatButtonProps, { children: newChatButtonText })))] })) })), (0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__heading-container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__title-container", children: [(0, jsx_runtime_1.jsx)(react_core_1.Icon, { size: "lg", className: "pf-chatbot__title-icon", children: navTitleIcon }), (0, jsx_runtime_1.jsx)(react_core_1.Title, Object.assign({ className: "pf-chatbot__title", headingLevel: "h2" }, navTitleProps, { children: title }))] }), !isLoading && handleTextInputChange && ((0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__input", children: [(0, jsx_runtime_1.jsx)(react_core_1.SearchInput, Object.assign({ "aria-label": searchInputAriaLabel, onChange: (_event, value) => handleTextInputChange(value), placeholder: searchInputPlaceholder }, searchInputProps)), searchInputScreenReaderText && ((0, jsx_runtime_1.jsx)("div", { className: "pf-chatbot__filter-announcement", children: searchInputScreenReaderText }))] }))] }), isLoading ? (0, jsx_runtime_1.jsx)(LoadingState_1.default, Object.assign({}, loadingState)) : renderDrawerContent()] }));
74
+ const drawer = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.DrawerHead, Object.assign({}, drawerHeadProps, { children: (0, jsx_runtime_1.jsxs)(react_core_1.DrawerActions, Object.assign({ "data-testid": drawerActionsTestId, className: reverseButtonOrder ? 'pf-v6-c-drawer__actions--reversed' : '' }, drawerActionsProps, { children: [(0, jsx_runtime_1.jsx)(react_core_1.DrawerCloseButton, Object.assign({ onClick: onDrawerToggle }, drawerCloseButtonProps)), onNewChat && ((0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ size: isCompact ? 'sm' : undefined, onClick: onNewChat, icon: (0, jsx_runtime_1.jsx)(react_icons_1.PenToSquareIcon, {}) }, newChatButtonProps, { children: newChatButtonText })))] })) })), (0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__heading-container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__title-container", children: [(0, jsx_runtime_1.jsx)(react_core_1.Icon, { size: "lg", className: "pf-chatbot__title-icon", children: navTitleIcon }), (0, jsx_runtime_1.jsx)(react_core_1.Title, Object.assign({ className: "pf-chatbot__title", headingLevel: "h2" }, navTitleProps, { children: title }))] }), !isLoading && handleTextInputChange && ((0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__input", children: [(0, jsx_runtime_1.jsx)(react_core_1.SearchInput, Object.assign({ "aria-label": searchInputAriaLabel, onChange: (_event, value) => handleTextInputChange(value), placeholder: searchInputPlaceholder }, searchInputProps)), searchInputScreenReaderText && ((0, jsx_runtime_1.jsx)("div", { className: "pf-chatbot__filter-announcement pf-chatbot-m-hidden", children: searchInputScreenReaderText }))] }))] }), isLoading ? (0, jsx_runtime_1.jsx)(LoadingState_1.default, Object.assign({}, loadingState)) : renderDrawerContent()] }));
75
75
  return ((0, jsx_runtime_1.jsx)(react_core_1.DrawerPanelContent, Object.assign({ "aria-live": "polite", focusTrap: { enabled: true }, defaultSize: "384px" }, drawerPanelContentProps, { children: drawer })));
76
76
  };
77
77
  // An onKeyDown property must be passed to the Drawer component to handle closing
@@ -1,5 +1,5 @@
1
1
  import { PropsWithChildren } from 'react';
2
- interface FileDetailsProps {
2
+ export interface FileDetailsProps {
3
3
  /** Class name applied to container */
4
4
  className?: string;
5
5
  /** Name of file, including extension */
@@ -8,8 +8,28 @@ interface FileDetailsProps {
8
8
  languageTestId?: string;
9
9
  /** Class name applied to file name */
10
10
  fileNameClassName?: string;
11
+ /** File size */
12
+ fileSize?: string;
13
+ /** Whether to truncate file name */
14
+ hasTruncation?: boolean;
11
15
  }
16
+ export declare const IMAGE_FORMATS: {
17
+ png: string;
18
+ apng: string;
19
+ avif: string;
20
+ gif: string;
21
+ jpg: string;
22
+ svg: string;
23
+ webp: string;
24
+ };
12
25
  export declare const extensionToLanguage: {
26
+ png: string;
27
+ apng: string;
28
+ avif: string;
29
+ gif: string;
30
+ jpg: string;
31
+ svg: string;
32
+ webp: string;
13
33
  '1': string;
14
34
  '2': string;
15
35
  '3': string;
@@ -666,7 +686,6 @@ export declare const extensionToLanguage: {
666
686
  viw: string;
667
687
  db2: string;
668
688
  ston: string;
669
- svg: string;
670
689
  sage: string;
671
690
  sagews: string;
672
691
  sls: string;
@@ -918,5 +937,5 @@ export declare const extensionToLanguage: {
918
937
  odp: string;
919
938
  pdf: string;
920
939
  };
921
- export declare const FileDetails: ({ className, fileName, fileNameClassName, languageTestId }: PropsWithChildren<FileDetailsProps>) => import("react/jsx-runtime").JSX.Element;
940
+ export declare const FileDetails: ({ className, fileName, fileNameClassName, languageTestId, fileSize, hasTruncation }: PropsWithChildren<FileDetailsProps>) => import("react/jsx-runtime").JSX.Element;
922
941
  export default FileDetails;