Enable the storybook for process-services-clod (#7286)

.storybook/main.js

@@ -0,0 +1,11 @@
+module.exports = {
+    stories: [],
+    addons: ['@storybook/addon-essentials'],
+    // uncomment the property below if you want to apply some webpack config globally
+    // webpackFinal: async (config, { configType }) => {
+    //   // Make whatever fine-grained changes you need that should apply to all storybook configs
+
+    //   // Return the altered config
+    //   return config;
+    // },
+};

.storybook/tsconfig.json

@@ -0,0 +1,10 @@
+{
+    "extends": "../tsconfig.base.json",
+    "exclude": [
+        "../**/*.spec.js",
+        "../**/*.spec.ts",
+        "../**/*.spec.tsx",
+        "../**/*.spec.jsx"
+    ],
+    "include": ["../**/*"]
+}

.storybook/webpack.config.js

@@ -0,0 +1,12 @@
+/**
+ * Export a function. Accept the base config as the only param.
+ * @param {Object} options
+ * @param {Required<import('webpack').Configuration>} options.config
+ * @param {'DEVELOPMENT' | 'PRODUCTION'} options.mode - change the build configuration. 'PRODUCTION' is used when building the static version of storybook.
+ */
+module.exports = async ({ config, mode }) => {
+  // Make whatever fine-grained changes you need
+
+  // Return the altered config
+  return config;
+};

angular.json

@@ -551,6 +551,39 @@
               "**/node_modules/**"
             ]
           }
+        },
+        "storybook": {
+          "builder": "@nrwl/storybook:storybook",
+          "options": {
+            "uiFramework": "@storybook/angular",
+            "port": 4400,
+            "config": {
+              "configFolder": "lib/process-services-cloud/.storybook"
+            }
+          },
+          "configurations": {
+            "ci": {
+              "quiet": true
+            }
+          }
+        },
+        "build-storybook": {
+          "builder": "@nrwl/storybook:build",
+          "outputs": [
+            "{options.outputPath}"
+          ],
+          "options": {
+            "uiFramework": "@storybook/angular",
+            "outputPath": "dist/storybook/process-services-cloud",
+            "config": {
+              "configFolder": "lib/process-services-cloud/.storybook"
+            }
+          },
+          "configurations": {
+            "ci": {
+              "quiet": true
+            }
+          }
         }
       }
     },

lib/.gitignore

@@ -27,6 +27,7 @@ insights/**/*.js.map
 insights/**/*.d.ts
 
 process-services-cloud/**/*.js
+!process-services-cloud/.storybook/*.js
 !process-services-cloud/karma.conf.js
 process-services-cloud/**/*.js.map
 process-services-cloud/**/*.d.ts

lib/process-services-cloud/.storybook/main.js

@@ -0,0 +1,27 @@
+const rootMain = require('../../../.storybook/main');
+
+
+module.exports = {
+  ...rootMain,
+
+  core: { ...rootMain.core, builder: 'webpack4' },
+
+  stories: [
+    ...rootMain.stories,
+    '../src/lib/**/*.stories.mdx',
+    '../src/lib/**/task-header-cloud.component.stories.@(js|jsx|ts|tsx)'
+  ],
+  addons: [...rootMain.addons ],
+  webpackFinal: async (config, { configType }) => {
+    // apply any global webpack configs that might have been specified in .storybook/main.js
+    if (rootMain.webpackFinal) {
+      config = await rootMain.webpackFinal(config, { configType });
+    }
+
+
+
+    // add your own webpack tweaks if needed
+
+    return config;
+  },
+};

lib/process-services-cloud/.storybook/preview.js

@@ -0,0 +1,3 @@
+export const parameters = {
+  docs: { inlineStories: true }
+}

lib/process-services-cloud/.storybook/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "emitDecoratorMetadata": true
+
+  },
+
+  "exclude": ["../**/*.spec.ts" ],
+  "include": ["../src/**/*", "*.js"]
+}