chore: upgrade to storybook 10

Author: janhenrikoverland

.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

@@ -1,84 +1,83 @@
 {
-    "name": "@dhis2/analytics",
-    "version": "29.4.2",
-    "main": "./build/cjs/index.js",
-    "module": "./build/es/index.js",
-    "exports": {
-        "import": "./build/es/index.js",
-        "require": "./build/cjs/index.js"
-    },
-    "sideEffects": [
-        "./build/es/locales/index.js",
-        "./build/cjs/locales/index.js"
-    ],
-    "repository": "git@github.com:dhis2/analytics.git",
-    "author": "Jennifer Jones Arnesen <jennifer@dhis2.org>",
-    "license": "BSD-3-Clause",
-    "private": false,
-    "publishConfig": {
-        "access": "public"
-    },
-    "scripts": {
-        "build": "d2-app-scripts build",
-        "build-storybook": "storybook build",
-        "start-storybook": "storybook dev --port 5000",
-        "start": "yarn start-storybook",
-        "test": "d2-app-scripts test",
-        "lint": "d2-style check",
-        "format": "d2-style apply",
-        "validate-commit": "d2-style check --staged",
-        "validate-push": "yarn test"
-    },
-    "devDependencies": {
-        "@dhis2/app-runtime": "^3.14.1",
-        "@dhis2/cli-app-scripts": "^12.11.0",
-        "@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",
-        "@testing-library/dom": "^10.4.0",
-        "@testing-library/jest-dom": "^6.6.3",
-        "@testing-library/react": "^16.3.0",
-        "@testing-library/user-event": "^14.6.1",
-        "fs-extra": "^10.1.0",
-        "prop-types": "^15",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "react-scripts": "^5.0.1",
-        "storybook": "^8.3.6",
-        "styled-jsx": "^4.0.1"
-    },
-    "peerDependencies": {
-        "@dhis2/app-runtime": "^3",
-        "@dhis2/d2-i18n": "^1.1",
-        "@dhis2/ui": "^10",
-        "prop-types": "^15",
-        "react": "^16.3 || ^18",
-        "react-dom": "^16.3 || ^ 18",
-        "styled-jsx": "^4.0.1"
-    },
-    "dependencies": {
-        "@dhis2/multi-calendar-dates": "^1.2.2",
-        "@dnd-kit/core": "^6.0.7",
-        "@dnd-kit/sortable": "^7.0.2",
-        "@dnd-kit/utilities": "^3.2.1",
-        "@react-hook/debounce": "^4.0.0",
-        "classnames": "^2.3.1",
-        "crypto-js": "^4.2.0",
-        "d2-utilizr": "^0.2.16",
-        "d3-color": "^1.2.3",
-        "highcharts": "^12.1.2",
-        "lodash": "^4.17.21",
-        "markdown-it": "^13.0.1",
-        "mathjs": "^9.4.2",
-        "react-beautiful-dnd": "^10.1.1",
-        "resize-observer-polyfill": "^1.5.1"
-    },
-    "files": [
-        "build"
-    ],
-    "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+  "name": "@dhis2/analytics",
+  "version": "29.4.2",
+  "main": "./build/cjs/index.js",
+  "module": "./build/es/index.js",
+  "exports": {
+    "import": "./build/es/index.js",
+    "require": "./build/cjs/index.js"
+  },
+  "sideEffects": [
+    "./build/es/locales/index.js",
+    "./build/cjs/locales/index.js"
+  ],
+  "repository": "git@github.com:dhis2/analytics.git",
+  "author": "Jennifer Jones Arnesen <jennifer@dhis2.org>",
+  "license": "BSD-3-Clause",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "d2-app-scripts build",
+    "build-storybook": "storybook build",
+    "start-storybook": "storybook dev --port 5000",
+    "start": "yarn start-storybook",
+    "test": "d2-app-scripts test",
+    "lint": "d2-style check",
+    "format": "d2-style apply",
+    "validate-commit": "d2-style check --staged",
+    "validate-push": "yarn test"
+  },
+  "devDependencies": {
+    "@dhis2/app-runtime": "^3.14.1",
+    "@dhis2/cli-app-scripts": "^12.11.0",
+    "@dhis2/cli-style": "^10.7.9",
+    "@dhis2/d2-i18n": "^1.1.0",
+    "@dhis2/ui": "^10.12.7",
+    "@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",
+    "@testing-library/user-event": "^14.6.1",
+    "fs-extra": "^10.1.0",
+    "prop-types": "^15",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-scripts": "^5.0.1",
+    "storybook": "^10.3.4",
+    "styled-jsx": "^4.0.1",
+    "eslint-plugin-storybook": "10.3.4"
+  },
+  "peerDependencies": {
+    "@dhis2/app-runtime": "^3",
+    "@dhis2/d2-i18n": "^1.1",
+    "@dhis2/ui": "^10",
+    "prop-types": "^15",
+    "react": "^16.3 || ^18",
+    "react-dom": "^16.3 || ^ 18",
+    "styled-jsx": "^4.0.1"
+  },
+  "dependencies": {
+    "@dhis2/multi-calendar-dates": "^1.2.2",
+    "@dnd-kit/core": "^6.0.7",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
+    "@react-hook/debounce": "^4.0.0",
+    "classnames": "^2.3.1",
+    "crypto-js": "^4.2.0",
+    "d2-utilizr": "^0.2.16",
+    "d3-color": "^1.2.3",
+    "highcharts": "^12.1.2",
+    "lodash": "^4.17.21",
+    "markdown-it": "^13.0.1",
+    "mathjs": "^9.4.2",
+    "react-beautiful-dnd": "^10.1.1",
+    "resize-observer-polyfill": "^1.5.1"
+  },
+  "files": [
+    "build"
+  ],
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+}