add: support for react 19

change: packages and popper to @neolution-ch/react-popper
fix: broken components and tests

Author: manni497

.gitignore

@@ -10,3 +10,4 @@ node_modules
 .history
 npm-debug.log
 package-lock.json
+.vs

.nvmrc

@@ -1,11 +1,52 @@
+const path = require('path');
+
 module.exports = {
   stories: [
-    '../stories/**/*.stories.mdx',
+    '../stories/**/*.mdx',
     '../stories/**/*.stories.js'
   ],
   addons: [
     '@storybook/addon-links',
-    '@storybook/addon-docs'
+    '@storybook/addon-essentials',
+    '@storybook/addon-storysource',
+    '@storybook/addon-mdx-gfm',
   ],
-  staticDirs: ['../static']
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  staticDirs: ['../static'],
+  webpackFinal: async (config) => {
+    // Explicitly add babel-loader for all project JS/JSX/CJS files
+    // (Storybook 8's auto-configured rule may not cover all paths)
+    config.module.rules.push({
+      test: /\.(js|jsx|mjs|cjs)$/,
+      exclude: /node_modules/,
+      use: [
+        {
+          loader: require.resolve('babel-loader'),
+          options: {
+            presets: [
+              '@babel/preset-react',
+              ['@babel/preset-env', { targets: { browsers: ['last 2 versions'] } }],
+            ],
+            plugins: [
+              '@babel/plugin-proposal-export-default-from',
+              '@babel/plugin-proposal-export-namespace-from',
+              '@babel/plugin-proposal-object-rest-spread',
+            ],
+          },
+        },
+      ],
+    });
+
+    config.resolve = {
+      ...config.resolve,
+      alias: {
+        ...config.resolve.alias,
+        reactstrap: path.resolve(__dirname, '../src/'),
+      },
+    };
+    return config;
+  },
 };

.storybook/main.cjs

@@ -1,5 +1,5 @@
-import { addons } from '@storybook/addons';
-import { STORY_RENDERED } from '@storybook/core-events'
+import { addons } from '@storybook/manager-api';
+import { STORY_RENDERED } from '@storybook/core-events';
 import { create } from '@storybook/theming';
 
 const theme = create({
@@ -28,7 +28,7 @@ addons.register('TitleAddon', api => {
     if (!storyData) {
         title = customTitle;
     } else {
-        title = `${storyData.kind} - ${storyData.name} ⋅ ${customTitle}`
+        title = `${storyData.title} - ${storyData.name} ⋅ ${customTitle}`
     }
 
     if (document.title !== title) {