Dependency updates (#137)

* Bump vite from 5.1.7 to 5.2.12 Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.1.7 to 5.2.12. - [Release notes](https://github.com/vitejs/vite/releases) - [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md) - [Commits](https://github.com/vitejs/vite/commits/v5.2.12/packages/vite) --- updated-dependencies: - dependency-name: vite dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]> * Bump @typescript-eslint/parser from 7.8.0 to 7.11.0 Bumps [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser) from 7.8.0 to 7.11.0. - [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases) - [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md) - [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v7.11.0/packages/parser) --- updated-dependencies: - dependency-name: "@typescript-eslint/parser" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]> * Bump prettier-plugin-tailwindcss from 0.5.12 to 0.6.1 Bumps [prettier-plugin-tailwindcss](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) from 0.5.12 to 0.6.1. - [Release notes](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/releases) - [Changelog](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/blob/main/CHANGELOG.md) - [Commits](tailwindlabs/prettier-plugin-tailwindcss@v0.5.12...v0.6.1) --- updated-dependencies: - dependency-name: prettier-plugin-tailwindcss dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]> * Bump eslint-plugin-react-hooks from 4.6.0 to 4.6.2 Bumps [eslint-plugin-react-hooks](https://github.com/facebook/react/tree/HEAD/packages/eslint-plugin-react-hooks) from 4.6.0 to 4.6.2. - [Release notes](https://github.com/facebook/react/releases) - [Changelog](https://github.com/facebook/react/blob/main/packages/eslint-plugin-react-hooks/CHANGELOG.md) - [Commits](https://github.com/facebook/react/commits/HEAD/packages/eslint-plugin-react-hooks) --- updated-dependencies: - dependency-name: eslint-plugin-react-hooks dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <[email protected]> * Bump nginx from 1.25-alpine-slim to 1.27-alpine-slim Bumps nginx from 1.25-alpine-slim to 1.27-alpine-slim. --- updated-dependencies: - dependency-name: nginx dependency-type: direct:production ... Signed-off-by: dependabot[bot] <[email protected]> * bump [email protected] vitest/[email protected] and [email protected] * bump eslint auxillary dev-dependencies we can't update eslint to latest major version since the typescript-eslint-parser conflicts with eslint>9.0 * prettier --write fixes * bump [email protected] * update misc testing dependencies++ --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
USEPA · Jun 6, 2024 · 2a1ea27 · 2a1ea27
1 parent 628f9a3
commit 2a1ea27
Show file tree

Hide file tree

Showing 8 changed files with 881 additions and 899 deletions.
diff --git a/Dockerfile b/Dockerfile
@@ -20,7 +20,7 @@ EXPOSE 3000
 CMD ["npm", "run", "dev"]
 
 # Production
-FROM nginx:1.25-alpine-slim as production
+FROM nginx:1.27-alpine-slim as production
 WORKDIR /app
 ENV NODE_ENV production
 # copy build from builder stage

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,43 +14,43 @@
   },
   "dependencies": {
     "@dagrejs/dagre": "^1.1.2",
-    "dompurify": "^3.1.2",
-    "react": "^18.2.0",
+    "dompurify": "^3.1.5",
+    "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-icons": "^5.0.1",
-    "react-router-dom": "^6.23.0",
+    "react-icons": "^5.2.1",
+    "react-router-dom": "^6.23.1",
     "reactflow": "^11.11.3",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@redux-devtools/extension": "^3.3.0",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^15.0.5",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/dompurify": "^3.0.5",
-    "@types/react": "^18.2.73",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.1.0",
-    "@typescript-eslint/parser": "^7.8.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.4.0",
+    "@typescript-eslint/eslint-plugin": "^7.12.0",
+    "@typescript-eslint/parser": "^7.12.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "@vitest/coverage-v8": "^1.6.0",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "jsdom": "^24.0.0",
-    "msw": "^2.2.13",
+    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "jsdom": "^24.1.0",
+    "msw": "^2.3.1",
     "postcss": "^8.4.38",
-    "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "^0.5.12",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.7",
-    "vite-tsconfig-paths": "^4.3.1",
-    "vitest": "^1.3.1"
+    "prettier": "^3.3.1",
+    "prettier-plugin-tailwindcss": "^0.6.1",
+    "tailwindcss": "^3.4.4",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.12",
+    "vite-tsconfig-paths": "^4.3.2",
+    "vitest": "^1.6.0"
   }
 }
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -21,7 +21,7 @@ export const Header = ({ treeTitle }: HeaderProps) => {
   };
 
   return (
-    <Panel position="top-left" className=" sm:w-5/12 md:w-4/12 lg:w-3/12">
+    <Panel position="top-left" className="sm:w-5/12 md:w-4/12 lg:w-3/12">
       <div className="box-border w-full rounded-xl bg-gradient-to-b from-sky-700 to-sky-900 p-2 align-middle">
         <div className="flex min-w-60 justify-between">
           <h1 className="text-xl font-semibold text-white">{treeTitle}</h1>

diff --git a/src/components/OffCanvas/OffCanvas.tsx b/src/components/OffCanvas/OffCanvas.tsx
@@ -54,10 +54,7 @@ export const OffCanvas = ({ isOpen, onClose }: OffCanvasProps) => {
       <div
         data-testid="offcanvas"
         id={'offcanvas'}
-        className={`z-top fixed bottom-0 right-0 top-20 z-50 flex w-3/4 translate-x-full
-        flex-col rounded-2xl bg-gray-200 outline-none transition-all
-        ease-in-out sm:w-10/12 md:w-6/12 lg:w-5/12
-        ${isOpen ? 'mb-2 mr-2 ms-0 mt-0 transform-none' : ''} pb-10`}
+        className={`z-top fixed bottom-0 right-0 top-20 z-50 flex w-3/4 translate-x-full flex-col rounded-2xl bg-gray-200 outline-none transition-all ease-in-out sm:w-10/12 md:w-6/12 lg:w-5/12 ${isOpen ? 'mb-2 mr-2 ms-0 mt-0 transform-none' : ''} pb-10`}
         tabIndex={-1}
         role="dialog"
         aria-label="Off Canvas"
@@ -67,9 +64,7 @@ export const OffCanvas = ({ isOpen, onClose }: OffCanvasProps) => {
       >
         <div className="flex justify-end p-3">
           <button
-            className="text-gray800 rounded-full p-1 transition-colors duration-200 ease-in-out
-            hover:text-gray-900 focus:outline-none focus:ring
-            focus:ring-gray-800 active:text-gray-900"
+            className="text-gray800 rounded-full p-1 transition-colors duration-200 ease-in-out hover:text-gray-900 focus:outline-none focus:ring focus:ring-gray-800 active:text-gray-900"
             onClick={onClose}
             type="button"
             tabIndex={0}

diff --git a/src/components/Tree/Nodes/BoolNode/BoolButton/BoolButton.tsx b/src/components/Tree/Nodes/BoolNode/BoolButton/BoolButton.tsx
@@ -21,12 +21,7 @@ export const BoolButton = ({ onClick, id, response, selected }: BoolButtonProps)
           selected ? 'selected response ' + (response ? 'Yes' : 'No') : response ? 'Yes' : 'No'
         }
         data-testid={`${id}-${response ? 'yes' : 'no'}-button`}
-        className={
-          ' mb-1 rounded-xl  px-2 py-1 text-2xl font-semibold text-white ' +
-          ' transition-colors duration-200 ease-in-out ' +
-          ' focus:outline-none focus:ring-2 focus:ring-slate-50 active:bg-slate-800 ' +
-          (selected ? ' bg-green-600 hover:bg-green-700 ' : ' bg-slate-600 hover:bg-slate-700 ')
-        }
+        className={`mb-1 rounded-xl px-2 py-1 text-2xl font-semibold text-white transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-slate-50 active:bg-slate-800 ${selected ? 'bg-green-600 hover:bg-green-700' : 'bg-slate-600 hover:bg-slate-700'}`}
       >
         <div className="flex min-w-20 items-center">
           {response ? 'Yes' : 'No'}

diff --git a/src/components/Tree/Nodes/BoolNode/BoolNode.tsx b/src/components/Tree/Nodes/BoolNode/BoolNode.tsx
@@ -42,9 +42,7 @@ export const BoolNode = ({
     <BaseNode {...props} id={id}>
       <div
         data-testid={`bool-node-${id}-content`}
-        className={`flex min-w-80 flex-col items-center justify-center rounded-xl
-          p-6 text-xl text-white
-          ${decisionIsInPath(id) ? 'bg-gradient-to-b from-teal-700 to-teal-800' : 'bg-gradient-to-b from-sky-700 to-sky-900'}`}
+        className={`flex min-w-80 flex-col items-center justify-center rounded-xl p-6 text-xl text-white ${decisionIsInPath(id) ? 'bg-gradient-to-b from-teal-700 to-teal-800' : 'bg-gradient-to-b from-sky-700 to-sky-900'}`}
       >
         {help && (
           <div className="absolute right-3 top-3">

diff --git a/src/index.css b/src/index.css
@@ -3,64 +3,64 @@
 @tailwind utilities;
 
 :root {
-    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-    line-height: 1.2;
-    --card-color: linear-gradient(150deg, #3e6d9b 0%, #2b5d8f 100%);
-    --card-color-hover: linear-gradient(150deg, #346391 0%, #215385 100%);
-    color-scheme: light dark;
-    color: rgba(255, 255, 255, 0.87);
-    background-color: #242424;
-    font-synthesis: none;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.2;
+  --card-color: linear-gradient(150deg, #3e6d9b 0%, #2b5d8f 100%);
+  --card-color-hover: linear-gradient(150deg, #346391 0%, #215385 100%);
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 html,
 body,
 #root {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .react-flow__node {
-    padding: 0;
-    color: transparent;
-    cursor: auto;
-    background-color: transparent;
-    min-width: 20rem;
-    border: none;
-    box-shadow: none;
+  padding: 0;
+  color: transparent;
+  cursor: auto;
+  background-color: transparent;
+  min-width: 20rem;
+  border: none;
+  box-shadow: none;
 }
 
 .react-flow__minimap,
 .react-flow__minimap svg {
-    border-radius: 20px;
+  border-radius: 20px;
 }
 
 .react-flow__controls {
-    box-shadow: none;
+  box-shadow: none;
 }
 
 .react-flow__controls button {
-    border-radius: 10px;
-    border: 2px solid #fff;
-    margin-top: 2px;
-    background: #fefefe !important;
+  border-radius: 10px;
+  border: 2px solid #fff;
+  margin-top: 2px;
+  background: #fefefe !important;
 }
 
 .react-flow__node {
-    border-radius: 15px;
-    border: 3px solid #333333;
+  border-radius: 15px;
+  border: 3px solid #333333;
 }
 
 .react-flow__node:focus {
-    border: white 3px solid;
-    border-radius: 15px;
+  border: white 3px solid;
+  border-radius: 15px;
 }
 
 @layer components {
-    .z-top {
-        z-index: 1050;
-    }
+  .z-top {
+    z-index: 1050;
+  }
 }