change header columns elements in airwatch

old-sae-airwatch/.storybook/main.ts

@@ -0,0 +1,59 @@
+import type { StorybookConfig } from '@storybook/angular';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    // '@storybook/addon-essentials', // Commented out due to compatibility issues with Storybook v9
+    // '@storybook/addon-interactions', // Commented out due to compatibility issues with Storybook v9
+  ],
+  framework: {
+    name: '@storybook/angular',
+    options: {},
+  },
+  // docs: {
+  //   autodocs: 'tag',
+  // },
+  staticDirs: ['../src/stories/assets', '../src/app/styles/typo'], // Pour les assets statiques et les polices
+  webpackFinal: async (config) => {
+    // Add support for MDX files
+    if (config.module?.rules) {
+      config.module.rules.push({
+        test: /\.mdx?$/,
+        use: [
+          {
+            loader: require.resolve('@mdx-js/loader'),
+          },
+        ],
+      });
+
+      // Add support for font files
+      config.module.rules.push({
+        test: /\.(woff|woff2|eot|ttf|otf)$/,
+        use: [
+          {
+            loader: 'file-loader',
+            options: {
+              name: '[name].[ext]',
+              outputPath: 'fonts/',
+            },
+          },
+        ],
+      });
+    }
+
+    // Add alias for tilde (~) notation to resolve to the project root
+    if (!config.resolve) {
+      config.resolve = {};
+    }
+    if (!config.resolve.alias) {
+      config.resolve.alias = {};
+    }
+    config.resolve.alias['~src'] = require('path').resolve(__dirname, '../src');
+
+    return config;
+  },
+};
+
+export default config;
+

old-sae-airwatch/.storybook/preview.ts

@@ -0,0 +1,19 @@
+
+import type { Preview } from '@storybook/angular';
+
+// Import des styles globaux
+import '../src/app/styles/styles.scss';
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

old-sae-airwatch/.storybook/tsconfig.doc.json

@@ -0,0 +1,10 @@
+// This tsconfig is used by Compodoc to generate the documentation for the project.
+// If Compodoc is not used, this file can be deleted.
+{
+  "extends": "./tsconfig.json",
+  // Exclude all files that are not needed for documentation generation.
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../src/**/*.stories.ts"],
+  // Please make sure to include all files from which Compodoc should generate documentation.
+  "include": ["../src/**/*"],
+  "files": ["./typings.d.ts"]
+}

old-sae-airwatch/.storybook/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "../tsconfig.app.json",
+  "compilerOptions": {
+    "types": ["node"],
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true
+  },
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts"],
+  "include": ["../src/**/*.stories.*", "./preview.ts"],
+  "files": ["./typings.d.ts"]
+}

old-sae-airwatch/.storybook/typings.d.ts

@@ -0,0 +1,9 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.mdx' {
+  const content: any;
+  export default content;
+}