chore: upgrade storybook (#1917)

* chore: upgrade storybook

* chore: upgrade additional packages

package.json

@@ -28,6 +28,12 @@
     "test": "lerna run test",
     "typecheck": "lerna run typecheck"
   },
+  "dependencies": {
+    "decode-uri-component": "^0.2.2",
+    "loader-utils": "^3.2.1",
+    "nwsapi": "^2.2.1",
+    "prompts": "^2.4.2"
+  },
   "devDependencies": {
     "@commitlint/cli": "^17.6.6",
     "@okta/odyssey-commitlint": "workspace:*",
@@ -41,6 +47,7 @@
     "lint-staged": "^11.1.2",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.8",
+    "shelljs": "^0.8.5",
     "stylelint": "^15.10.1"
   },
   "version": "0.5.0",

packages/eslint-plugin-odyssey/package.json

@@ -9,6 +9,9 @@
   "scripts": {
     "test": "jest"
   },
+  "dependencies": {
+    "word-wrap": "~1.2.5"
+  },
   "peerDependencies": {
     "eslint": ">=7.27.0 <=8"
   },

packages/odyssey-react-mui/package.json

@@ -64,7 +64,8 @@
     "i18next": "^22.4.15",
     "material-react-table": "^1.14.0",
     "react-i18next": "^12.2.2",
-    "ts-node": "^10.9.1"
+    "ts-node": "^10.9.1",
+    "word-wrap": "~1.2.5"
   },
   "devDependencies": {
     "@babel/cli": "^7.22.9",

packages/odyssey-storybook/.storybook/main.ts

@@ -1,3 +1,4 @@
+import { dirname, join } from "path";
 /*!
  * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
@@ -11,7 +12,6 @@
  */
 
 import type { StorybookConfig } from "@storybook/react-vite";
-
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
@@ -21,13 +21,14 @@ const config: StorybookConfig = {
         transcludeMarkdown: true,
       },
     },
-    "@storybook/addon-links",
-    "@storybook/addon-a11y",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
+    getAbsolutePath("@storybook/addon-links"),
+    getAbsolutePath("@storybook/addon-a11y"),
+    getAbsolutePath("@storybook/addon-essentials"),
+    getAbsolutePath("@storybook/addon-interactions"),
+    getAbsolutePath("@storybook/addon-mdx-gfm"),
   ],
   framework: {
-    name: "@storybook/react-vite",
+    name: getAbsolutePath("@storybook/react-vite"),
     options: {},
   },
   typescript: {
@@ -44,6 +45,15 @@ const config: StorybookConfig = {
       },
     },
   },
+  docs: {
+    autodocs: true,
+  },
 };
-
 export default config;
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, "package.json")));
+}

packages/odyssey-storybook/package.json

@@ -23,23 +23,24 @@
     "@okta/odyssey-react-mui": "workspace:*",
     "@okta/odyssey-typescript": "workspace:*",
     "@pxblue/storybook-rtl-addon": "^1.1.0",
-    "@storybook/addon-a11y": "^7.0.8",
-    "@storybook/addon-essentials": "^7.0.8",
-    "@storybook/addon-interactions": "^7.0.8",
-    "@storybook/addon-links": "^7.0.8",
-    "@storybook/addons": "^7.0.8",
-    "@storybook/api": "^7.0.8",
-    "@storybook/blocks": "^7.0.8",
-    "@storybook/client-api": "^7.0.8",
-    "@storybook/components": "^7.0.8",
-    "@storybook/core-events": "^7.0.8",
+    "@storybook/addon-a11y": "^7.2.0",
+    "@storybook/addon-essentials": "^7.2.0",
+    "@storybook/addon-interactions": "^7.2.0",
+    "@storybook/addon-links": "^7.2.0",
+    "@storybook/addon-mdx-gfm": "^7.2.0",
+    "@storybook/addons": "^7.2.0",
+    "@storybook/api": "^7.2.0",
+    "@storybook/blocks": "^7.2.0",
+    "@storybook/client-api": "^7.2.0",
+    "@storybook/components": "^7.2.0",
+    "@storybook/core-events": "^7.2.0",
     "@storybook/jest": "^0.1.0",
-    "@storybook/manager-api": "^7.0.8",
-    "@storybook/react": "^7.0.8",
-    "@storybook/react-vite": "^7.0.8",
+    "@storybook/manager-api": "^7.2.0",
+    "@storybook/react": "^7.2.0",
+    "@storybook/react-vite": "^7.2.0",
     "@storybook/test-runner": "^0.10.0",
     "@storybook/testing-library": "^0.1.0",
-    "@storybook/theming": "^7.0.8",
+    "@storybook/theming": "^7.2.0",
     "@types/mdx": "^2.0.1",
     "@types/react": "^17.0.11",
     "@types/react-dom": "^17.0.2",
@@ -53,7 +54,7 @@
     "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "storybook": "^7.0.8",
+    "storybook": "^7.2.0",
     "typescript": "^5.1.6",
     "vite": "^4.3.2"
   },