Update dependencies

apps/developer-manual/package.json

@@ -16,22 +16,12 @@
   "dependencies": {
     "@docusaurus/core": "^3.10.1",
     "@docusaurus/preset-classic": "^3.10.1",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
     "@mdx-js/react": "^3.1.1",
     "@mui/icons-material": "^9.0.1",
     "@mui/material": "^9.0.1",
     "clsx": "^2.1.1",
-    "mobx": "^6.15.2",
-    "mobx-react": "^9.2.1",
-    "prism-react-renderer": "^2.4.1",
     "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "react-redux": "^9.2.0",
-    "redux": "^5.0.1"
-  },
-  "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.10.1"
+    "react-dom": "^19.2.6"
   },
   "browserslist": {
     "production": [

apps/storybook-composition/.storybook/main.ts

@@ -1,16 +1,10 @@
-import { dirname, join } from 'node:path';
 import type { StorybookConfig } from '@storybook/react-vite';
 
 
-function getAbsolutePath(value: string): string {
-	return dirname(require.resolve(join(value, 'package.json')));
-}
-
 const config: StorybookConfig = {
 	stories: ['../src/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
-	addons: [],
 	framework: {
-		name: getAbsolutePath('@storybook/react-vite'),
+		name: "@storybook/react-vite",
 		options: {
 			builder: {
 				viteConfigPath: 'vite.config.ts',
@@ -61,7 +55,3 @@ const config: StorybookConfig = {
 };
 
 export default config;
-
-// To customize your Vite configuration you can use the viteFinal field.
-// Check https://storybook.js.org/docs/react/builders/vite#configuration
-// and https://nx.dev/recipes/storybook/custom-builder-configs

apps/storybook-composition/.storybook/manager.js

@@ -1,6 +1,6 @@
-import { addons } from "@storybook/addons";
+import { addons } from "storybook/manager-api";
 import wheregroupTheme from "./wheregroupTheme";
 
 addons.setConfig({
-  theme: wheregroupTheme,
+	theme: wheregroupTheme,
 });

apps/storybook-composition/.storybook/preview.ts

@@ -1,27 +1,32 @@
 import './style.css';
 
-export const parameters = {
-	docs: {
-		inlineStories: false,
+const preview = {
+	parameters: {
+		layout: 'fullscreen',
+		docs: {
+			story: {
+				iframeHeight: 500,
+			},
+		},
+		actions: { argTypesRegex: '^on[A-Z].*' },
 	},
-	actions: { argTypesRegex: '^on[A-Z].*' },
-
-};
-
-export const globalTypes = {
-	theme: {
-		name: 'Theme',
-		title: 'Theme',
-		description: 'Theme for your components',
-		defaultValue: 'light',
-		toolbar: {
-			icon: 'paintbrush',
-			dynamicTitle: true,
-			items: [
-				{ value: 'light', left: '☀️', title: 'Light mode' },
-				{ value: 'dark', left: '🌙', title: 'Dark mode' },
-			],
+	globalTypes: {
+		theme: {
+			name: 'Theme',
+			title: 'Theme',
+			description: 'Theme for your components',
+			defaultValue: 'light',
+			toolbar: {
+				icon: 'paintbrush',
+				dynamicTitle: true,
+				items: [
+					{ value: 'light', left: '☀️', title: 'Light mode' },
+					{ value: 'dark', left: '🌙', title: 'Dark mode' },
+				],
+			},
 		},
 	},
+	tags: ['autodocs'],
 };
-export const tags = ['autodocs'];
+
+export default preview;

apps/storybook-composition/.storybook/style.css

@@ -1,20 +1,12 @@
-.docs-story > div:first-child{
-  z-index:0;
+.sb-story {
+	min-height: 500px;
+	position: relative;
 }
 
-.docs-story > div > div:first-child, .innerZoomElementWrapper, .innerZoomElementWrapper > div:first-child, .innerZoomElementWrapper > div:first-child > div:first-child{
-
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.docs-story > div > div:first-child{
-  height: initial;
-}
-
-.innerZoomElementWrapper > div > div > div:first-child{
-  height: 100% !important;
+.sb-story > div {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
 }

apps/storybook-composition/tsconfig.json

@@ -12,6 +12,9 @@
 	"references": [
 		{
 			"path": "./tsconfig.app.json"
+		},
+		{
+			"path": "./tsconfig.storybook.json"
 		}
 	],
 	"extends": "../../tsconfig.base.json"

apps/storybook-composition/tsconfig.storybook.json

@@ -0,0 +1,8 @@
+{
+	"extends": "../../tsconfig.base.json",
+	"compilerOptions": {
+		"composite": false,
+		"noEmit": true
+	},
+	"include": [".storybook/**/*"]
+}

apps/template/package.json

@@ -9,21 +9,23 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@mapcomponents/react-maplibre": "^1.8.10",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4"
+    "@mapcomponents/react-maplibre": "workspace:*"
   },
+	"peerDependencies": {
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6"
+	},
   "devDependencies": {
-    "@eslint/js": "^9.34.0",
+    "@eslint/js": "^10.0.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.2.0",
-    "eslint": "^9.34.0",
-    "eslint-plugin-react-hooks": "^7.0.1",
+    "@vitejs/plugin-react": "^6.0.1",
+    "eslint": "^10.3.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
-    "globals": "^16.2.0",
+    "globals": "^17.6.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.33.0",
-    "vite": "^7.1.4"
+    "typescript-eslint": "^8.59.2",
+    "vite": "^8.0.11"
   }
 }

apps/template/tsconfig.app.json

@@ -19,5 +19,10 @@
 		"src/**/*.spec.jsx",
 		"src/**/*.test.jsx"
 	],
-	"include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+	"include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"],
+	"references": [
+		{
+			"path": "../../packages/react-maplibre/tsconfig.lib.json"
+		}
+	]
 }

eslint.config.mjs

@@ -47,8 +47,7 @@ export default [
 		'eslint:recommended',
 		'plugin:react/recommended',
 		'plugin:@typescript-eslint/recommended',
-		'prettier',
-		'plugin:storybook/recommended'
+		'prettier'
 	),
 	{
 		plugins: {
@@ -67,7 +66,7 @@ export default [
 		},
 		settings: {
 			react: {
-				version: 'detect',
+				version: '19',
 			},
 		},
 		rules: {

nx.json

@@ -113,5 +113,6 @@
 				"unitTestRunner": "none"
 			}
 		}
-	}
+	},
+	"analytics": false
 }