Updated Storybook to 8 and moved common PCore mocks (#484)

* Updated Storybook to 8 and moved coomon PCore mocks

* Spacing issue

* Fix package-lock

* Changed extension of pcoreMock file and updated DXCB to 0.242.16

* Fixed package.lock

---------

Co-authored-by: Sharma <[email protected]>

Author: vishalshrm539

.npmrc

@@ -1,4 +1,4 @@
 // Use default npmjs registry for the SDKs
 registry = https://registry.npmjs.org/
 # Turn off messages such as > [email protected] list and > dx-component-builder-sdk list
-loglevel=silent
+loglevel=notice

.storybook/main.ts

@@ -3,14 +3,11 @@ import path from 'path';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/app/_components/custom-sdk/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-interactions'],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-interactions', '@chromatic-com/storybook'],
   framework: {
     name: '@storybook/angular',
     options: {}
   },
-  features: {
-    storyStoreV7: false
-  },
   docs: {
     autodocs: 'tag'
   },

.storybook/preview.ts

@@ -1,6 +1,9 @@
 import { provideAnimations } from '@angular/platform-browser/animations';
 import { AngularPConnectService, getSdkComponentMap } from '@pega/angular-sdk-components';
 import { Preview, applicationConfig } from '@storybook/angular';
+import setPCoreMocks from '../__mocks__/pcoreMocks';
+
+setPCoreMocks();
 
 getSdkComponentMap();
 
@@ -33,7 +36,6 @@ const preview: Preview = {
     })
   ],
   parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
       matchers: {
         color: /(background|color)$/i,

__mocks__/pcoreMocks.ts

@@ -0,0 +1,27 @@
+export default function setPCoreMocks() {
+  if (!window.PCore) {
+    window.PCore = {} as any;
+  }
+
+  window.PCore.getEnvironmentInfo = () => {
+    return {
+      getUseLocale: () => 'en-GB',
+      getLocale: () => 'en-GB',
+      getTimeZone: () => ''
+    } as any;
+  };
+
+  window.PCore.getLocaleUtils = () => {
+    return {
+      getLocaleValue: (value: any) => value
+    } as any;
+  };
+
+  window.PCore.getConstants = (): any => {
+    return {
+      CASE_INFO: {
+        INSTRUCTIONS: ''
+      }
+    };
+  };
+}