chore(deps): Upgrade react-dropzone from 14.3.5 to 14.3.8 (#611)

Snyk created this PR to upgrade react-dropzone from 14.3.5 to 14.3.8. Manually fixed types/imports after version bump. Went through demos and made sure they still worked ok and that tests passed.

Co-authored-by: snyk-bot <snyk-bot@snyk.io>
Co-authored-by: Rebecca Alpert <ralpert@redhat.com>

Author: 3 people

package-lock.json

@@ -91,7 +91,7 @@
     "puppeteer-cluster": "^0.24.0"
   },
   "dependencies": {
-    "react-dropzone": "^14.2.3"
+    "react-dropzone": "^14.3.8"
   },
   "packageManager": "yarn@4.5.0+sha512.837566d24eec14ec0f5f1411adb544e892b3454255e61fdef8fd05f3429480102806bac7446bc9daff3896b01ae4b62d00096c7e989f1596f2af10b927532f39"
 }

package.json

@@ -72,7 +72,9 @@
     "victory-cursor-container": "^37.1.1",
     "victory-tooltip": "^37.1.1",
     "victory-bar": "^37.1.1",
-    "file-saver": "^2.0.5"
+    "file-saver": "^2.0.5",
+    "unified": "^11.0.5",
+    "estree-util-is-identifier-name": "^3.0.0"
   },
   "overrides": {
     "puppeteer": "^23.6.1",

packages/module/package.json

@@ -1,9 +1,9 @@
-import { DropEvent, MultipleFileUpload, MultipleFileUploadMain } from '@patternfly/react-core';
+import { MultipleFileUpload, MultipleFileUploadMain } from '@patternfly/react-core';
 import type { FunctionComponent } from 'react';
 import { useState } from 'react';
 import { ChatbotDisplayMode } from '../Chatbot';
 import { UploadIcon } from '@patternfly/react-icons';
-import { Accept, FileError, FileRejection } from 'react-dropzone/.';
+import { Accept, DropEvent, FileError, FileRejection } from 'react-dropzone';
 
 export interface FileDropZoneProps {
   /** Content displayed when the drop zone is not currently in use */

packages/module/src/FileDropZone/FileDropZone.tsx

@@ -44,7 +44,7 @@ import ImageMessage from './ImageMessage/ImageMessage';
 import rehypeUnwrapImages from 'rehype-unwrap-images';
 import rehypeExternalLinks from 'rehype-external-links';
 import rehypeSanitize from 'rehype-sanitize';
-import { PluggableList } from 'react-markdown/lib';
+import { PluggableList } from 'unified';
 import LinkMessage from './LinkMessage/LinkMessage';
 import ErrorMessage from './ErrorMessage/ErrorMessage';
 import MessageInput from './MessageInput';

packages/module/src/Message/Message.tsx

@@ -6,8 +6,8 @@ import type { Ref, FunctionComponent } from 'react';
 import { forwardRef } from 'react';
 
 // Import PatternFly components
-import { Button, ButtonProps, DropEvent, Icon, Tooltip, TooltipProps } from '@patternfly/react-core';
-import { Accept, DropzoneOptions, FileError, FileRejection, useDropzone } from 'react-dropzone';
+import { Button, ButtonProps, Icon, Tooltip, TooltipProps } from '@patternfly/react-core';
+import { Accept, DropEvent, DropzoneOptions, FileError, FileRejection, useDropzone } from 'react-dropzone';
 import { PaperclipIcon } from '@patternfly/react-icons/dist/esm/icons/paperclip-icon';
 
 export interface AttachButtonProps extends ButtonProps {

packages/module/src/MessageBar/AttachButton.tsx

@@ -1,7 +1,7 @@
 import type { ChangeEvent, FunctionComponent, KeyboardEvent as ReactKeyboardEvent, Ref } from 'react';
 import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
-import { Accept, DropzoneOptions, FileError, FileRejection } from 'react-dropzone/.';
-import { ButtonProps, DropEvent, TextArea, TextAreaProps, TooltipProps } from '@patternfly/react-core';
+import { Accept, DropEvent, DropzoneOptions, FileError, FileRejection } from 'react-dropzone';
+import { ButtonProps, TextArea, TextAreaProps, TooltipProps } from '@patternfly/react-core';
 
 // Import Chatbot components
 import SendButton from './SendButton';