fix: Addon panel not working.

Two fixes were required. Use the correct addons import and withRoundTrip as a decorator for all stories.

Author: Jontii

packages/mock-addon-docs/.storybook/main.js

@@ -4,7 +4,7 @@ const config = {
         '../stories/**/stories.@(js|jsx|mjs|ts|tsx)',
     ],
     addons: [
-        '../../mock-addon/preset.js',
+        '../../mock-addon/src/preset/manager.js',
         '@storybook/addon-links',
         '@storybook/addon-essentials',
         '@storybook/addon-interactions',
@@ -15,6 +15,6 @@ const config = {
     },
     docs: {
         autodocs: 'tag',
-    },
+    }
 };
 export default config;

packages/mock-addon-docs/.storybook/preview.js

@@ -0,0 +1,20 @@
+import {withRoundTrip} from "storybook-addon-mock/src/withRoundTrip";
+
+const Preview = {
+  parameters: {
+    options: {
+      storySort: {
+        order: ['Docs', ['Introduction', 'Installation', 'User guide']],
+        includeName: true
+      }
+    },
+    mockAddonConfigs: {
+      globalMockData: [],
+      refreshStoryOnUpdate: true,
+      disableUsingOriginal: false,
+    },
+  },
+  decorators: [withRoundTrip],
+}
+
+export default Preview

packages/mock-addon-docs/.storybook/preview.jsx

@@ -16,7 +16,7 @@ import { Footer } from './footer';
 
 <h3 className="subheading">1. Global configuration</h3>
 
-You can set <strong>global configuration</strong> for the addon. Go to the `.storybook/preview.js` file and add `mockAddonConfigs` fields with the following properties.
+You can set <strong>global configuration</strong> for the addon. Go to the `.storybook/preview.jsxx` file and add `mockAddonConfigs` fields with the following properties.
 
 
 

packages/mock-addon-docs/stories/docs/advanced-setup.mdx

@@ -1,7 +1,7 @@
 import { FORCE_RE_RENDER, STORY_CHANGED } from '@storybook/core-events';
 import { EVENTS, PARAM_KEY, GLOBAL_PARAM_KEY } from './utils/constants';
 import faker from './utils/faker';
-import { addons } from '@storybook/manager-api';
+import { addons } from '@storybook/preview-api';
 
 const getParameter = (parameters, key, defaultValue) => {
     return parameters[key] || defaultValue;