Merge branch 'main' into mod/dec/updateTests

Author: tumms2021389

.storybook-constellation/main.ts

@@ -0,0 +1,48 @@
+import path from 'path';
+
+/** @type { import('@storybook/react-webpack5').StorybookConfig } */
+const config = {
+  stories: ['../src/app/_components//custom-constellation/**/*.stories.@(js|jsx|ts|tsx)'],
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
+  },
+
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    {
+      name: '@storybook/addon-docs',
+      options: { mdxBabelOptions: { babelrc: true, configFile: true } }
+    }
+  ],
+  framework: '@storybook/react-webpack5',
+
+  webpackFinal: async config => {
+    if (config.resolve?.alias) {
+      config.resolve.alias['@pega/auth/lib/sdk-auth-manager'] = path.resolve(__dirname, '../__mocks__/authManager.tsx');
+    }
+
+    if (config.module) {
+      config.module.rules?.push(
+        {
+          test: /\.(d.ts)$/,
+          loader: 'null-loader'
+        },
+        {
+          test: /\.(map)$/,
+          loader: 'null-loader'
+        },
+        {
+          test: /\.tsx?$/,
+          use: 'ts-loader',
+          exclude: /node_modules/
+        }
+      );
+    }
+
+    return config;
+  }
+};
+
+export default config;

.storybook-constellation/preview.tsx

@@ -0,0 +1,52 @@
+import { Preview } from '@storybook/react';
+import { Configuration, PopoverManager, Toaster, ModalManager, WorkTheme } from '@pega/cosmos-react-core';
+import setPCoreMocks from '../__mocks__/pcoreMocks';
+
+setPCoreMocks();
+
+const decorators = [
+  (Story, context) => {
+    return (
+      <Configuration>
+        <PopoverManager>
+          <Toaster dismissAfter={5000}>
+            <ModalManager>
+              <Story {...context} />
+            </ModalManager>
+          </Toaster>
+        </PopoverManager>
+      </Configuration>
+    );
+  }
+];
+
+const parameters = {
+  backgrounds: {
+    default: 'App',
+    values: [
+      {
+        name: 'App',
+        value: WorkTheme.base.palette['app-background']
+      },
+      {
+        name: 'Primary',
+        value: WorkTheme.base.palette['primary-background']
+      },
+      {
+        name: 'Secondary',
+        value: WorkTheme.base.palette['secondary-background']
+      }
+    ]
+  },
+  docs: {
+    source: { type: 'code' },
+    codePanel: true
+  }
+};
+
+const preview: Preview = {
+  decorators,
+  parameters
+};
+
+export default preview;

.storybook/main.ts .storybook-sdk/main.ts.storybook/main.ts renamed to .storybook-sdk/main.ts

@@ -6,7 +6,7 @@
     "resolveJsonModule": true,
     "emitDecoratorMetadata": false
   },
-  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../src/app/_components/custom-constellation/**"],
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts"],
   "include": ["../src/**/*", "./preview.ts", "../__mocks__/*"],
   "files": ["./typings.d.ts"]
 }