BN-30 | Add. Patient Display Control (#4)

* BN-35 | Add. Local Proxy Configuration

* BN-35 | Add. Axios Package

* BN-35 | Add. Basic Axios Interceptor Implementation

* BN-44 | Add. Global Notification Service

* BN-38 | Add. API Interceptors For Get, Post, Put, Delete

* BN-30 | Add. Patient Header Basic Impl

* BN-35 | Fix. Remove Duplicate Dev Guide

* BN-44 | Add. ARIA Attributes For Accessibility

* BN-44 | Fix. Notification Deduplication Logic

* BN-44 | Fix. Ineffective clearAllNotifications Invocation

* BN-44 | Add. Developer Docs For Notification

* BN-44 | Add. Storybook Support

* BN-44 | Add. NotificationContainer Storybook

* BN-44 | Add. Storybook Steps To Setup Guide

* BN-30 | Add. Age Calculation Logic

* BN-35 | Add. Setup Guide

* BN-38 | Add. Authentication Logic

* BN-30 | Add. Logic To Retrieve Patient UUID From URL

* BN-30 | Add. Identifier Formatting Logic

* BN-30 | Fix. Use Patient UUID From URL

* BN-30 | Fix. Add Date Mocks To Unit Tests

* BN-30 | Add. Support For Address Extensions

* BN-30 | Add. Husky Pre Commit Hook

* BN-30 | Fix. Lint Issues

* BN-30 | Add. Test Coverage Threshold

* BN-44 | Add. Error Formatter Util

* BN-30 | Refactor. Handle Errors With Skeleton Loader

* BN-30 | Fix. Incorrect Service Worker Definition

* BN-30 | Add. DocBlocks For Patient Service

* BN-30 | Fix. Lint Issue

* BN-30 | Fix. Move Test Run To Husky

* BN-30 | Add. Tests For Base Files

* BN-30 | Refactor. Export Notification Types From Same File

* BN-30 | Fix. Remove Unused HostURL Definition

* BN-30 | Refactor. Make Fhir Types As Readonly

Author: rahu1ramesh

.gitignore

@@ -67,3 +67,5 @@ storybook-static
 
 # Bundle analyzer
 stats.html
+
+*storybook.log

.husky/pre-commit

@@ -1,3 +1,4 @@
 #!/bin/sh
 
 npx lint-staged
+yarn test

.storybook/main.ts

@@ -0,0 +1,61 @@
+import type { StorybookConfig } from '@storybook/react-webpack5';
+import path from 'path';
+
+const config: StorybookConfig = {
+  "stories": [
+    "../src/**/*.mdx",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-webpack5-compiler-swc",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@chromatic-com/storybook",
+    "@storybook/addon-interactions"
+  ],
+  "framework": {
+    "name": "@storybook/react-webpack5",
+    "options": {}
+  },
+  "staticDirs": ['../public'],
+  webpackFinal: async (config) => {
+    // Add SCSS support
+    if (config.module && config.module.rules) {
+      config.module.rules.push({
+        test: /\.scss$/,
+        use: [
+          'style-loader',
+          'css-loader',
+          {
+            loader: 'sass-loader',
+            options: {
+              sassOptions: {
+                includePaths: [path.resolve(__dirname, '../node_modules')],
+              },
+            },
+          }
+        ],
+        include: path.resolve(__dirname, '../'),
+      });
+    }
+
+    // Add path aliases
+    if (config.resolve) {
+      config.resolve.alias = {
+        ...config.resolve.alias,
+        '@': path.resolve(__dirname, '../src'),
+        '@components': path.resolve(__dirname, '../src/components'),
+        '@contexts': path.resolve(__dirname, '../src/contexts'),
+        '@constants': path.resolve(__dirname, '../src/constants'),
+        '@hooks': path.resolve(__dirname, '../src/hooks'),
+        '@providers': path.resolve(__dirname, '../src/providers'),
+        '@services': path.resolve(__dirname, '../src/services'),
+        '@types': path.resolve(__dirname, '../src/types'),
+        '@utils': path.resolve(__dirname, '../src/utils'),
+      };
+    }
+
+    return config;
+  }
+};
+export default config;

.storybook/preview.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { Preview } from '@storybook/react';
+import { Theme } from '@carbon/react';
+import '../src/styles/index.scss';
+
+const preview: Preview = {
+  decorators: [
+    (Story) => (
+      <Theme theme="white">
+        <Story />
+      </Theme>
+    ),
+  ],
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;