chore(deps): bump storybook and plugins from 9.1.17 to 10.1.11 (#62564)

* chore(deps): bump eslint-plugin-storybook from 9.1.3 to 10.1.11

Bumps [eslint-plugin-storybook](https://github.com/storybookjs/storybook/tree/HEAD/code/lib/eslint-plugin) from 9.1.3 to 10.1.11.
- [Release notes](https://github.com/storybookjs/storybook/releases)
- [Changelog](https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md)
- [Commits](https://github.com/storybookjs/storybook/commits/v10.1.11/code/lib/eslint-plugin)

---
updated-dependencies:
- dependency-name: eslint-plugin-storybook
  dependency-version: 10.1.11
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* Revert unnecessary updates

* Upgrade storybook to 10.1.11

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Grzegorz Zdunek <grzegorz.zdunek@goteleport.com>

package.json

@@ -33,8 +33,8 @@
   "devDependencies": {
     "@gravitational/build": "workspace:*",
     "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
-    "@storybook/addon-vitest": "^9.1.16",
-    "@storybook/react-vite": "^9.1.16",
+    "@storybook/addon-vitest": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
@@ -57,7 +57,7 @@
     "playwright": "^1.57.0",
     "prettier": "^3.7.4",
     "react-select-event": "^5.5.1",
-    "storybook": "^9.1.17",
+    "storybook": "^10.1.11",
     "svgo": "^4.0.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.0"

web/.storybook/main.mts

@@ -22,7 +22,7 @@ import path from 'node:path';
 import type { StorybookConfig } from '@storybook/react-vite';
 
 const enterpriseTeleportExists = fs.existsSync(
-  path.join(__dirname, '/../../e/web')
+  path.join(import.meta.dirname, '/../../e/web')
 );
 
 function createStoriesPaths() {

web/packages/build/package.json

@@ -25,7 +25,7 @@
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "7.0.1",
-    "eslint-plugin-storybook": "^9.1.3",
+    "eslint-plugin-storybook": "^10.1.11",
     "eslint-plugin-testing-library": "7.15.3",
     "eslint-plugin-unused-imports": "^4.3.0",
     "globals": "^16.5.0",

web/packages/shared/components/Controls/SortMenuV2.story.tsx

@@ -17,8 +17,8 @@
  */
 
 import { Meta, StoryFn, StoryObj } from '@storybook/react-vite';
-import { action } from 'storybook/internal/actions';
-import { useArgs } from 'storybook/internal/preview-api';
+import { action } from 'storybook/actions';
+import { useArgs } from 'storybook/preview-api';
 
 import Flex from 'design/Flex/Flex';
 

web/packages/teleport/src/Bots/Add/GitHubActionsK8s/useGitHubK8sFlow.test.tsx

@@ -17,10 +17,9 @@
  */
 
 import { QueryClientProvider } from '@tanstack/react-query';
-import { act, renderHook } from '@testing-library/react';
+import { act, renderHook, waitFor } from '@testing-library/react';
 import { setupServer } from 'msw/node';
 import { PropsWithChildren } from 'react';
-import { waitFor } from 'storybook/internal/test';
 
 import { testQueryClient } from 'design/utils/testing';
 

web/packages/teleport/src/Bots/Details/BotDetails.story.tsx

@@ -20,7 +20,7 @@ import { Meta, StoryObj } from '@storybook/react-vite';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { createMemoryHistory } from 'history';
 import { MemoryRouter, Route, Router } from 'react-router';
-import { action } from 'storybook/internal/actions';
+import { action } from 'storybook/actions';
 
 import Box from 'design/Box';
 

web/packages/teleport/src/Bots/Details/InstancesPanel.story.tsx

@@ -18,7 +18,7 @@
 
 import { Meta, StoryObj } from '@storybook/react-vite';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { action } from 'storybook/internal/actions';
+import { action } from 'storybook/actions';
 import styled from 'styled-components';
 
 import { CardTile } from 'design/CardTile/CardTile';