deps: Q4 dependency bumps

agrc · Apr 16, 2024 · d8d5de9 · d8d5de9
1 parent 31632d1
commit d8d5de9
Show file tree

Hide file tree

Showing 11 changed files with 13,883 additions and 17,203 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -1,9 +1,5 @@
 import '../src/index.scss';
 
-const preview = {
-  parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-  },
-};
+const preview = {};
 
 export default preview;
diff --git a/functions/package-lock.json b/functions/package-lock.json
diff --git a/functions/package.json b/functions/package.json
@@ -10,12 +10,12 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "dotenv": "^16.3.1",
-    "firebase-admin": "^11.11.0",
-    "firebase-auth-arcgis-server-proxy": "^1.4.0",
-    "firebase-functions": "^4.4.1"
+    "dotenv": "^16.4.5",
+    "firebase-admin": "^12.0.0",
+    "firebase-auth-arcgis-server-proxy": "^2.0.0",
+    "firebase-functions": "^4.9.0"
   },
   "engines": {
-    "node": "18"
+    "node": "20"
   }
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -64,58 +64,58 @@
     }
   },
   "dependencies": {
-    "@tanstack/react-table": "^8.10.6",
+    "@tanstack/react-table": "^8.16.0",
     "bootstrap": "^3.4.1",
-    "clsx": "^2.0.0",
+    "clsx": "^2.1.0",
     "downshift": "^8.2.2",
-    "esri-leaflet": "^3.0.11",
-    "firebase": "^10.4.0",
-    "immer": "^10.0.3",
+    "esri-leaflet": "^3.0.12",
+    "firebase": "^10.11.0",
+    "immer": "^10.0.4",
     "leaflet": "^1.9.4",
     "leaflet-loading": "^0.1.24",
     "localforage": "^1.10.0",
     "lodash": "^4.17.21",
     "papaparse": "^5.4.1",
-    "proj4": "^2.9.0",
+    "proj4": "^2.11.0",
     "proj4leaflet": "^1.0.2",
     "pubsub-js": "^1.9.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-error-boundary": "^4.0.11",
+    "react-error-boundary": "^4.0.13",
     "react-leaflet": "^4.2.1",
-    "react-toastify": "^9.1.3",
+    "react-toastify": "^10.0.5",
     "spin.js": "^4.1.1",
     "use-immer": "^0.9.0",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^7.4.6",
-    "@storybook/addon-essentials": "^7.4.6",
-    "@storybook/addon-links": "^7.4.6",
+    "@storybook/addon-actions": "^8.0.8",
+    "@storybook/addon-essentials": "^8.0.8",
+    "@storybook/addon-links": "^8.0.8",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^7.4.6",
-    "@storybook/react-vite": "^7.4.6",
+    "@storybook/react": "^8.0.8",
+    "@storybook/react-vite": "^8.0.8",
     "@testing-library/cypress": "^10.0.1",
-    "@vitejs/plugin-react": "^4.1.0",
-    "concurrently": "^8.2.1",
-    "cypress": "^13.3.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "concurrently": "^8.2.2",
+    "cypress": "^13.7.3",
     "cypress-plugin-tab": "^1.0.5",
     "cypress-terminal-report": "^5.3.7",
-    "dotenv-cli": "^7.3.0",
-    "esbuild": "^0.19.4",
+    "dotenv-cli": "^7.4.1",
+    "esbuild": "^0.20.2",
     "eslint": "^8.51.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-cypress": "^2.15.1",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-cypress": "^2.15.2",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-testing-library": "^6.0.2",
-    "firebase-tools": "^12.6.2",
-    "prettier": "^3.0.3",
-    "sass": "^1.69.0",
-    "storybook": "^7.4.6",
-    "vite": "^4.4.11",
-    "vitest": "^0.34.6"
+    "eslint-plugin-testing-library": "^6.2.2",
+    "firebase-tools": "^13.7.2",
+    "prettier": "^3.2.5",
+    "sass": "^1.75.0",
+    "storybook": "^8.0.8",
+    "vite": "^5.2.9",
+    "vitest": "^1.5.0"
   }
 }
diff --git a/src/App.jsx b/src/App.jsx
@@ -10,7 +10,7 @@ import config from './config';
 import { SamplingEventProvider } from './hooks/samplingEventContext.jsx';
 import useAuthentication from './hooks/useAuthentication';
 
-const AppContext = React.createContext();
+export const AppContext = React.createContext();
 
 export function useAppContext() {
   const context = React.useContext(AppContext);

diff --git a/src/components/Header.stories.jsx b/src/components/Header.stories.jsx
@@ -1,9 +1,17 @@
+import { initializeApp } from 'firebase/app';
 import Header from './Header.jsx';
+import { AppContext } from '../App.jsx';
 
 const story = {
   title: 'Header',
   component: Header,
 };
 export default story;
 
-export const Default = () => <Header />;
+initializeApp(JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG));
+
+export const Default = () => (
+  <AppContext.Provider value={{ appState: { submitLoading: false }, appDispatch: () => {} }}>
+    <Header />
+  </AppContext.Provider>
+);
diff --git a/src/components/catch/Health.stories.jsx b/src/components/catch/Health.stories.jsx
@@ -7,4 +7,4 @@ const story = {
 
 export default story;
 
-export const Default = () => <Health />;
+export const Default = () => <Health state={{ EYE: 'test' }} onChange={() => {}} />;
diff --git a/src/components/location/PointDef.stories.jsx b/src/components/location/PointDef.stories.jsx
@@ -3,6 +3,8 @@ import { useState } from 'react';
 import config from '../../config';
 import useUniqueId from '../../hooks/useUniqueId';
 import PointDef from './PointDef.jsx';
+import { initializeApp } from 'firebase/app';
+import { AppContext } from '../../App.jsx';
 
 const story = {
   title: 'PointDef',
@@ -11,6 +13,8 @@ const story = {
 
 export default story;
 
+initializeApp(JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG));
+
 const bounds = {
   contains: () => true,
 };
@@ -38,9 +42,11 @@ export const Default = () => {
 
   return (
     <>
-      <PointDef label="Start" id="default" coordinates={coordinates} setCoordinates={setCoordinates} map={map} />
-      <button onClick={mapClick}>Map click</button>
-      <button onClick={otherButtonClick}>Other button click</button>
+      <AppContext.Provider value={{ appState: { settings: { coordType: 'something' } }, appDispatch: () => {} }}>
+        <PointDef label="Start" id="default" coordinates={coordinates} setCoordinates={setCoordinates} map={map} />
+        <button onClick={mapClick}>Map click</button>
+        <button onClick={otherButtonClick}>Other button click</button>
+      </AppContext.Provider>
     </>
   );
 };
@@ -54,17 +60,19 @@ export const NewStationDialog = () => {
   };
 
   return (
-    <div style={{ width: '300px' }}>
-      <PointDef
-        label="Station"
-        id="default"
-        coordinates={coordinates}
-        setCoordinates={setCoordinates}
-        map={map}
-        twoLineLayout
-      />
-      <button onClick={mapClick}>Map click</button>
-      <button onClick={otherButtonClick}>Other button click</button>
-    </div>
+    <AppContext.Provider value={{ appState: { settings: { coordType: 'something' } }, appDispatch: () => {} }}>
+      <div style={{ width: '300px' }}>
+        <PointDef
+          label="Station"
+          id="default"
+          coordinates={coordinates}
+          setCoordinates={setCoordinates}
+          map={map}
+          twoLineLayout
+        />
+        <button onClick={mapClick}>Map click</button>
+        <button onClick={otherButtonClick}>Other button click</button>
+      </div>
+    </AppContext.Provider>
   );
 };
diff --git a/src/components/location/StartDistDirGeoDef.stories.jsx b/src/components/location/StartDistDirGeoDef.stories.jsx
@@ -2,6 +2,8 @@ import topic from 'pubsub-js';
 import { useState } from 'react';
 import config from '../../config';
 import StartDistDirGeoDef from './StartDistDirGeoDef.jsx';
+import { initializeApp } from 'firebase/app';
+import { AppContext } from '../../App.jsx';
 
 const story = {
   title: 'StartDistDirGeoDef ',
@@ -10,6 +12,8 @@ const story = {
 
 export default story;
 
+initializeApp(JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG));
+
 export const Default = () => {
   const map = {
     addLayer: () => {},
@@ -35,8 +39,10 @@ export const Default = () => {
 
   return (
     <>
-      <StartDistDirGeoDef map={map} params={params} setParams={setParams} />
-      <button onClick={mapClick}>Map click</button>
+      <AppContext.Provider value={{ appState: { settings: { coordType: 'something' } }, appDispatch: () => {} }}>
+        <StartDistDirGeoDef map={map} params={params} setParams={setParams} />
+        <button onClick={mapClick}>Map click</button>
+      </AppContext.Provider>
     </>
   );
 };
diff --git a/src/components/location/StartEndGeoDef.stories.jsx b/src/components/location/StartEndGeoDef.stories.jsx
@@ -2,6 +2,8 @@ import topic from 'pubsub-js';
 import { useState } from 'react';
 import config from '../../config';
 import StartEndGeoDef from './StartEndGeoDef.jsx';
+import { initializeApp } from 'firebase/app';
+import { AppContext } from '../../App.jsx';
 
 const story = {
   title: 'StartEndGeoDef',
@@ -10,6 +12,8 @@ const story = {
 
 export default story;
 
+initializeApp(JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG));
+
 export const Default = () => {
   const map = {
     addLayer: () => {},
@@ -34,8 +38,10 @@ export const Default = () => {
 
   return (
     <>
-      <StartEndGeoDef map={map} coordinatePairs={coordinatePairs} setCoordinatePairs={setCoordinatePairs} />
-      <button onClick={mapClick}>Map click</button>
+      <AppContext.Provider value={{ appState: { settings: { coordType: 'something' } }, appDispatch: () => {} }}>
+        <StartEndGeoDef map={map} coordinatePairs={coordinatePairs} setCoordinatePairs={setCoordinatePairs} />
+        <button onClick={mapClick}>Map click</button>
+      </AppContext.Provider>
     </>
   );
 };
Original file line number	Diff line number	Diff line change
Expand Up		@@ -7,4 +7,4 @@ const story = {

		export default story;

		export const Default = () => <Health />;
		export const Default = () => <Health state={{ EYE: 'test' }} onChange={() => {}} />;