fix: fix CSV format parser by bumping giraffe (#4948)

Author: asalem1

package.json

@@ -166,7 +166,7 @@
     "@docsearch/react": "^3.0.0-alpha.37",
     "@influxdata/clockface": "^4.6.0",
     "@influxdata/flux-lsp-browser": "0.8.20",
-    "@influxdata/giraffe": "^2.29.0",
+    "@influxdata/giraffe": "^2.30.0",
     "@influxdata/influxdb-templates": "0.9.0",
     "@influxdata/react-custom-scrollbars": "4.3.8",
     "abortcontroller-polyfill": "^1.3.0",

src/notifications/endpoints/components/EndpointCard.tsx

@@ -1,7 +1,7 @@
 // Libraries
 import React, {FC} from 'react'
-import {withRouter, RouteComponentProps} from 'react-router-dom'
-import {connect, ConnectedProps} from 'react-redux'
+import {useHistory} from 'react-router-dom'
+import {useDispatch, useSelector} from 'react-redux'
 
 // Actions
 import {
@@ -37,30 +37,20 @@ import {NotificationEndpoint, Label, AlertHistoryType} from 'src/types'
 // Utilities
 import {relativeTimestampFormatter} from 'src/shared/utils/relativeTimestampFormatter'
 import ErrorBoundary from 'src/shared/components/ErrorBoundary'
+import {getOrg} from 'src/organizations/selectors'
 
-interface OwnProps {
+interface Props {
   endpoint: NotificationEndpoint
 }
 
-type ReduxProps = ConnectedProps<typeof connector>
-type Props = OwnProps & RouteComponentProps<{orgID: string}> & ReduxProps
-
-const EndpointCard: FC<Props> = ({
-  history,
-  match: {
-    params: {orgID},
-  },
-  endpoint,
-  onUpdateEndpointProperties,
-  onCloneEndpoint,
-  onDeleteEndpoint,
-  onAddEndpointLabel,
-  onRemoveEndpointLabel,
-}) => {
+const EndpointCard: FC<Props> = ({endpoint}) => {
+  const history = useHistory()
+  const orgID = useSelector(getOrg).id
+  const dispatch = useDispatch()
   const {id, name, description, activeStatus} = endpoint
 
   const handleUpdateName = (name: string) => {
-    onUpdateEndpointProperties(id, {name})
+    dispatch(updateEndpointProperties(id, {name}))
   }
 
   const handleClick = () => {
@@ -69,7 +59,7 @@ const EndpointCard: FC<Props> = ({
 
   const handleToggle = () => {
     const toStatus = activeStatus === 'active' ? 'inactive' : 'active'
-    onUpdateEndpointProperties(id, {status: toStatus})
+    dispatch(updateEndpointProperties(id, {status: toStatus}))
   }
 
   const handleView = () => {
@@ -83,10 +73,10 @@ const EndpointCard: FC<Props> = ({
     history.push(`/orgs/${orgID}/alert-history?${queryParams}`)
   }
   const handleDelete = () => {
-    onDeleteEndpoint(id)
+    dispatch(deleteEndpoint(id))
   }
   const handleClone = () => {
-    onCloneEndpoint(endpoint)
+    dispatch(cloneEndpoint(endpoint))
   }
   const contextMenu = (
     <EndpointCardMenu
@@ -97,14 +87,14 @@ const EndpointCard: FC<Props> = ({
   )
 
   const handleAddEndpointLabel = (label: Label) => {
-    onAddEndpointLabel(id, label)
+    dispatch(addEndpointLabel(id, label))
   }
   const handleRemoveEndpointLabel = (label: Label) => {
-    onRemoveEndpointLabel(id, label.id)
+    dispatch(deleteEndpointLabel(id, label.id))
   }
 
   const handleUpdateDescription = (description: string) => {
-    onUpdateEndpointProperties(id, {description})
+    dispatch(updateEndpointProperties(id, {description}))
   }
 
   return (
@@ -161,14 +151,4 @@ const EndpointCard: FC<Props> = ({
   )
 }
 
-const mdtp = {
-  onDeleteEndpoint: deleteEndpoint,
-  onAddEndpointLabel: addEndpointLabel,
-  onRemoveEndpointLabel: deleteEndpointLabel,
-  onUpdateEndpointProperties: updateEndpointProperties,
-  onCloneEndpoint: cloneEndpoint,
-}
-
-const connector = connect(null, mdtp)
-
-export default connector(withRouter(EndpointCard))
+export default EndpointCard

yarn.lock

@@ -1461,10 +1461,10 @@
   resolved "https://registry.yarnpkg.com/@influxdata/flux-lsp-browser/-/flux-lsp-browser-0.8.20.tgz#6bd6e9e7fe419ff5178d5b92ac85e74053b55e0b"
   integrity sha512-X6uVgn4CiW1H4jCkGvaYGGGZ3wz3LvsnldPosfP3lqsYFYHbhoKP0PUu4V5EdJYNu/K/Ov5Krx9srx6r35qRVA==
 
-"@influxdata/giraffe@^2.29.0":
-  version "2.29.1"
-  resolved "https://registry.yarnpkg.com/@influxdata/giraffe/-/giraffe-2.29.1.tgz#7b85d9cefdb9c149f64051e9d35759858fc179d3"
-  integrity sha512-FUg2MM98Ax3SnS6I6X4gEU9wAIeoSK5oAT1TGt/gE5WEHmxZKbBN2b8zik/bTkJNfoCDNn9jwN7E5mO3OjjBRA==
+"@influxdata/giraffe@^2.30.0":
+  version "2.30.0"
+  resolved "https://registry.yarnpkg.com/@influxdata/giraffe/-/giraffe-2.30.0.tgz#c399ffaa32a696e2a8c94f377b3cc76123268b5b"
+  integrity sha512-3YZI3PGf//6JbKRYMVyNOlClWdlEmuxqib+D8p84A3W1XIGcgm1j2thx1HeSnAmELMYXv92ugKiDGLaVwYuCwA==
   dependencies:
     merge-images "^2.0.0"