Merge pull request #65 from rcpch/gradient-labels

Fixes gradient labels

.babelrc.json

@@ -0,0 +1,16 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

.eslintrc.js

@@ -17,11 +17,12 @@ module.exports = {
       }
     },
     extends: [
-      "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
-      'airbnb-typescript',
-      "plugin:@typescript-eslint/recommended", // Uses the recommended rules from the @typescript-eslint/eslint-plugin
-      "prettier/@typescript-eslint", // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
-      "plugin:prettier/recommended" // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+      "plugin:react/recommended",
+      "airbnb-typescript",
+      "plugin:@typescript-eslint/recommended",
+      "prettier/@typescript-eslint",
+      "plugin:prettier/recommended",
+      "plugin:storybook/recommended"
     ],
     rules: {
       // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs

.github/workflows/main.yml

@@ -12,11 +12,11 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       # Checkout the code
-      - uses: actions/checkout@v3
-      # Setup node with version 16.x and NPM registry url
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      # Setup node with version 20.x and NPM registry url
+      - uses: actions/setup-node@v4
         with:
-          node-version: "16.x"
+          node-version: "20.x"
           registry-url: "https://registry.npmjs.org"
       # Run npm install to install project packages
       - run: npm install

.storybook/main.ts

@@ -0,0 +1,41 @@
+import type { StorybookConfig } from '@storybook/react-webpack5';
+
+const config: StorybookConfig = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    staticDirs: ['../src/images', '../src/fonts'],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@storybook/addon-onboarding',
+        '@storybook/addon-interactions',
+        '@storybook/addon-mdx-gfm',
+        '@storybook/addon-webpack5-compiler-babel',
+        {
+            name: '@storybook/addon-styling-webpack',
+            options: {
+              rules: [
+                // Replaces existing CSS rules with given rule
+                {
+                  test: /\.css$/,
+                  use: [
+                    'style-loader',
+                    'css-loader',
+                    {
+                        loader: "sass-loader",
+                        options: { implementation: require.resolve("sass") }
+                      },
+                  ],
+                }
+              ]
+            }
+          }
+    ],
+    framework: {
+        name: '@storybook/react-webpack5',
+        options: {},
+    },
+    docs: {
+        autodocs: 'tag',
+    }
+};
+export default config;

.storybook/preview.ts

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

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
     "editor.codeActionsOnSave": {
-        "source.fixAll": true
+        "source.fixAll": "explicit"
     },
     "git.enableCommitSigning": true
 }

CSSStub.js

@@ -0,0 +1 @@
+module.exports = {};

deploy.txt

@@ -9,4 +9,5 @@ If this is a release
 2. npm publish --access public
 
 note npm version patch | npm version minor | npm version major from the command line can bump the version
-DON'T forget to update the version in RCPCChart.tsx
+
+So long as the version has been bumped, publishing should happen on creation of a new release on Github

fileTransformer.js

@@ -0,0 +1,9 @@
+const path = require("path");
+
+module.exports = {
+  process(sourceText, sourcePath, options) {
+    return {
+      code: `module.exports = ${JSON.stringify(path.basename(sourcePath))};`,
+    };
+  },
+};

jest.config.ts

@@ -0,0 +1,17 @@
+import type {Config} from 'jest';
+
+const config: Config = {
+    preset: 'ts-jest',
+    verbose: true,
+    moduleFileExtensions: ["js", "jsx", "ts", "tsx"],
+    moduleDirectories: ["node_modules", "src"],
+    transform: {
+        '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+        '<rootDir>/fileTransformer.js',
+    },
+    moduleNameMapper:{
+        "\\.(css|less|sass|scss)$": '<rootDir>/CSSStub.js'
+    }
+};
+
+export default config;