Update dependencies (#1348)

* Update dependencies

Author: kshmidt-digma

dependencies.json

@@ -1,6 +1,6 @@
 {
   "jetBrainsPluginVersion": "2.0.411",
-  "visualStudioExtensionVersion": "1.2.4",
+  "visualStudioExtensionVersion": "1.2.11",
   "jaegerUIVersion": "1.29.1-digma.1.2.0",
   "jaegerVersion": "1.45.0"
 }

package-lock.json

@@ -54,22 +54,22 @@
   "license": "MIT",
   "devDependencies": {
     "@babel/core": "^7.23.2",
-    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.2",
     "@eslint/js": "^9.16.0",
-    "@octokit/rest": "^21.0.2",
+    "@octokit/rest": "^21.1.1",
     "@rtk-query/codegen-openapi": "^2.0.0",
-    "@storybook/addon-a11y": "^8.4.7",
-    "@storybook/addon-designs": "^8.0.4",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-webpack5": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@testing-library/react": "^16.0.1",
+    "@storybook/addon-a11y": "^8.6.12",
+    "@storybook/addon-designs": "^8.2.1",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/react-webpack5": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@testing-library/react": "^16.3.0",
     "@types/adm-zip": "^0.5.7",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/fs-extra": "^11.0.4",
@@ -93,7 +93,7 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-plugin-storybook": "^0.12.0",
     "fs-extra": "^11.2.0",
     "html-webpack-plugin": "^5.6.3",
     "husky": "^9.0.10",
@@ -104,8 +104,8 @@
     "postcss-styled-syntax": "^0.7.0",
     "prettier": "^2.8.3",
     "rimraf": "^6.0.1",
-    "storybook": "^8.4.7",
-    "storybook-addon-remix-react-router": "^3.0.2",
+    "storybook": "^8.6.12",
+    "storybook-addon-remix-react-router": "^4.0.1",
     "style-loader": "^3.3.1",
     "stylelint": "^16.11.0",
     "stylelint-config-standard": "^36.0.1",
@@ -117,7 +117,7 @@
     "typescript-plugin-styled-components": "^3.0.0",
     "webpack": "^5.97.1",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.2.0",
+    "webpack-dev-server": "^5.2.1",
     "zip-webpack-plugin": "^4.0.2"
   },
   "dependencies": {
@@ -127,24 +127,24 @@
     "@reduxjs/toolkit": "^2.5.0",
     "@tanstack/react-table": "^8.7.8",
     "allotment": "^1.19.0",
-    "axios": "^1.7.4",
+    "axios": "^1.8.4",
     "copy-to-clipboard": "^3.3.3",
-    "date-fns": "^2.29.3",
+    "date-fns": "^4.1.0",
     "free-email-domains": "^1.2.5",
     "posthog-js": "^1.215.1",
     "react": "^18.2.0",
     "react-cool-dimensions": "^3.0.1",
     "react-dom": "^18.2.0",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "^5.0.0",
     "react-helmet": "^6.1.0",
     "react-hook-form": "^7.48.2",
     "react-product-fruits": "^2.2.61",
     "react-redux": "^9.2.0",
-    "react-router-dom": "^6.23.1",
+    "react-router": "^7.5.1",
     "react-scrollbar-size": "^5.0.0",
-    "react-syntax-highlighter": "^15.5.0",
+    "react-syntax-highlighter": "^15.6.1",
     "react-transition-group": "^4.4.5",
-    "recharts": "^2.6.2",
+    "recharts": "^2.15.3",
     "redux-remember": "^5.2.0",
     "semver": "^7.5.4",
     "squarify": "^1.1.0",

package.json

@@ -13,7 +13,7 @@ const meta: Meta<typeof Admin> = {
 
 export default meta;
 
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Admin>;
 
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Default: Story = {};

src/components/Admin/Admin.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof Greeting> = {
 
 export default meta;
 
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Greeting>;
 
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Default: Story = {};

src/components/Admin/Header/Greeting/Greeting.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof Header> = {
 
 export default meta;
 
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Header>;
 
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Default: Story = {};

src/components/Admin/Header/Header.stories.tsx

@@ -1,4 +1,4 @@
-import { Route, Routes } from "react-router-dom";
+import { Route, Routes } from "react-router";
 import { Greeting } from "./Greeting";
 import { HeaderContent } from "./HeaderContent";
 import * as s from "./styles";
@@ -14,14 +14,16 @@ export const Header = () => (
           </HeaderContent>
         }
       />
-      <Route
-        path={"reports/*"}
-        element={
-          <HeaderContent>
-            <span>Reports</span>
-          </HeaderContent>
-        }
-      />
+      <Route path={"reports"}>
+        <Route
+          path={"*"}
+          element={
+            <HeaderContent>
+              <span>Reports</span>
+            </HeaderContent>
+          }
+        />
+      </Route>
     </Routes>
   </s.Header>
 );

src/components/Admin/Header/index.tsx

@@ -13,7 +13,15 @@ const meta: Meta<typeof EnvironmentWidget> = {
 
 export default meta;
 
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof EnvironmentWidget>;
 
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
-export const Default: Story = {};
+export const Default: Story = {
+  args: {
+    environment: {
+      id: "1",
+      name: "Environment",
+      type: "Public"
+    }
+  }
+};

src/components/Admin/Home/Environments/EnvironmentWidget/EnvironmentWidget.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof Environments> = {
 
 export default meta;
 
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Environments>;
 
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Default: Story = {};

src/components/Admin/Home/Environments/Environments.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof HomeSection> = {
 
 export default meta;
 
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof HomeSection>;
 
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Default: Story = {};