Update packages with vulnerability as reported by npm (caraml-dev#36)

* Update packages with vulnerability as reported by npm Applied with: npm audit fix --force * Remove eslintcache * Fix eslint error - import/no-anonymous-default-export - react-hooks/exhaustive-deps
krithika369 · Dec 17, 2020 · df9b327 · df9b327
1 parent e5ffe90
commit df9b327
Show file tree

Hide file tree

Showing 8 changed files with 12,704 additions and 7,992 deletions.
diff --git a/ui/package-lock.json b/ui/package-lock.json
diff --git a/ui/package.json b/ui/package.json
@@ -15,9 +15,9 @@
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-lazylog": "github:romanwozniak/react-lazylog",
-    "react-scripts": "^3.4.3",
+    "react-scripts": "^4.0.1",
     "react-scroll": "^1.7.16",
-    "react-scroll-to-bottom": "^3.0.0",
+    "react-scroll-to-bottom": "^4.0.0",
     "react-spinners": "^0.9.0",
     "react-sticky": "^6.0.3",
     "resize-observer-polyfill": "^1.5.1",

diff --git a/ui/src/App.js b/ui/src/App.js
@@ -17,7 +17,7 @@ import { RouterDetailsView } from "./router/details/RouterDetailsView";
 import { RouterVersionDetailsView } from "./router/versions/details/RouterVersionDetailsView";
 import { PrivateLayout } from "./PrivateLayout";
 
-export default () => (
+const App = () => (
   <ErrorBoundary>
     <MlpApiContextProvider
       mlpApiUrl={apiConfig.mlpApiUrl}
@@ -73,3 +73,5 @@ export default () => (
     </MlpApiContextProvider>
   </ErrorBoundary>
 );
+
+export default App;
diff --git a/ui/src/components/form/context.js b/ui/src/components/form/context.js
@@ -19,7 +19,7 @@ export const FormContextProvider = ({ data: initData, ...props }) => {
     [setData]
   );
 
-  const rootHandler = useCallback(new StackableFunction([], handleChanges), [
+  const rootHandler = useCallback(() => new StackableFunction([], handleChanges), [
     handleChanges
   ]);
 

diff --git a/ui/src/router/alerts/components/edit_alerts_form/validation/schema.js b/ui/src/router/alerts/components/edit_alerts_form/validation/schema.js
@@ -58,7 +58,7 @@ const percentageMetricSchema = yup
     }
   });
 
-export default {
+const schema = {
   team: yup.object().shape({
     team: yup.string().required("Team name is required.")
   }),
@@ -88,3 +88,5 @@ export default {
     })
   })
 };
+
+export default schema;
diff --git a/ui/src/router/components/form/validation/schema.js b/ui/src/router/components/form/validation/schema.js
@@ -205,7 +205,7 @@ const kafkaConfigSchema = yup.object().shape({
     .oneOf(["json", "protobuf"], "Valid serialzation format should be selected")
 });
 
-export default [
+const schema = [
   yup.object().shape({
     name: yup
       .string()
@@ -302,3 +302,5 @@ export default [
     })
   })
 ];
+
+export default schema;
diff --git a/ui/src/router/logs/hooks/useEventEmitter.js b/ui/src/router/logs/hooks/useEventEmitter.js
@@ -1,7 +1,7 @@
 import { useMemo, useState } from "react";
 import mitt from "mitt";
 
-export default () => {
+const useEventEmitter = () => {
   const [doPoll, setDoPoll] = useState(false);
 
   const emitter = useMemo(() => {
@@ -25,3 +25,5 @@ export default () => {
 
   return { emitter, isActive: doPoll };
 };
+
+export default useEventEmitter;
diff --git a/ui/src/router/logs/hooks/useEventEmitterLogsApi.js b/ui/src/router/logs/hooks/useEventEmitterLogsApi.js
@@ -5,7 +5,7 @@ import useEventEmitter from "./useEventEmitter";
 const POLLING_INTERVAL = 5000;
 const BATCH_SIZE = 500;
 
-export default (projectId, routerId, params, formatMessage) => {
+const useEventEmitterLogsApi = (projectId, routerId, params, formatMessage) => {
   const { emitter, isActive } = useEventEmitter();
 
   const [query, setQuery] = useState();
@@ -71,3 +71,5 @@ export default (projectId, routerId, params, formatMessage) => {
 
   return { emitter };
 };
+
+export default useEventEmitterLogsApi;