chore: upgrade to storybook 10 (#1827)

Upgrades Storybook from 8.6 to 10.3. The only breaking change in v10 is ESM-only, so the main config needed a small conversion from CJS to ESM.

Author: janhenrikoverland

.gitignore

@@ -27,6 +27,7 @@ yarn-debug.log*
 yarn-error.log*
 package-lock.json
 bundle.stats.json
+debug-storybook.log
 
 # DHIS2 Platform
 .d2

.storybook/main.js

@@ -1,7 +1,9 @@
 // Direct path required because the package exports field doesn't expose this subpath
+import { createRequire } from 'node:module'
+const require = createRequire(import.meta.url)
 const makeBabelConfig = require('../node_modules/@dhis2/cli-app-scripts/config/makeBabelConfig.js')
 
-module.exports = {
+export default {
     addons: ['@storybook/preset-create-react-app'],
     stories: ['../src/__demo__/**/*.stories.@(js)'],
 

.storybook/preview.js

@@ -1,9 +1,7 @@
 import { CssReset } from '@dhis2/ui'
 import React from 'react'
-const { withJsx } = require('@mihkeleidast/storybook-addon-source')
 
 export const decorators = [
-    withJsx,
     (Story) => (
         <div>
             <CssReset />

package.json

@@ -35,10 +35,8 @@
         "@dhis2/cli-style": "^10.7.9",
         "@dhis2/d2-i18n": "^1.1.0",
         "@dhis2/ui": "^10.12.7",
-        "@mihkeleidast/storybook-addon-source": "^1.0.1",
-        "@storybook/preset-create-react-app": "^8.3.6",
-        "@storybook/react": "^8.3.6",
-        "@storybook/react-webpack5": "^8.3.6",
+        "@storybook/preset-create-react-app": "^10.3.4",
+        "@storybook/react-webpack5": "^10.3.4",
         "@testing-library/dom": "^10.4.0",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/react": "^16.3.0",
@@ -48,8 +46,9 @@
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-scripts": "^5.0.1",
-        "storybook": "^8.3.6",
-        "styled-jsx": "^4.0.1"
+        "storybook": "^10.3.4",
+        "styled-jsx": "^4.0.1",
+        "eslint-plugin-storybook": "10.3.4"
     },
     "peerDependencies": {
         "@dhis2/app-runtime": "^3",