feat: adds new Form and FormControl components

 Adds helpers to simplify the creation of Forms.
 Form, FormButton, FormControl FormControlHelp
 These are form framework/lib independent.

 Required updates to the input types to support the API.

 fix #248

Author: stuarthendren

.devcontainer/Dockerfile

@@ -57,4 +57,6 @@ RUN echo 'source <(gh completion -s bash)' >> ~/.bashrc \
     && touch ~/.bash_profile \
     # Install useful oh-my-* shell plugins
     && sed -i.bak 's/^plugins=(\(.*\)/plugins=(debian docker docker-compose node npm yarn vscode \1/' ~/.zshrc \
-    && sed -i.bak 's/^plugins=(\(.*\)/plugins=(npm \1/' ~/.bashrc
+    && sed -i.bak 's/^plugins=(\(.*\)/plugins=(npm \1/' ~/.bashrc
+
+RUN npm i -g npm@7 --registry=https://registry.npmjs.org

.devcontainer/devcontainer.json

@@ -10,8 +10,12 @@
   },
   "settings": {
     // Default to ZSH
-    "terminal.integrated.shell.linux": "/bin/bash",
-    "terminal.integrated.shell.osx": "/usr/bin/zsh",
+    "terminal.integrated.profiles.linux": {
+      "zsh": {
+        "path": "/bin/zsh"
+      }
+    },
+    "terminal.integrated.defaultProfile.linux": "zsh",
     // Setup formatting to save with prettier
     "editor.formatOnSave": true,
     "editor.defaultFormatter": "esbenp.prettier-vscode",
@@ -34,7 +38,13 @@
     "github.vscode-pull-request-github",
     "ms-vsliveshare.vsliveshare",
     "eamodio.gitlens",
-    "streetsidesoftware.code-spell-checker"
+    "streetsidesoftware.code-spell-checker",
+    "sonarsource.sonarlint-vscode",
+    "github.copilot",
+    "bierner.markdown-preview-github-styles",
+    "me-dutour-mathieu.vscode-github-actions",
+    "christian-kohler.npm-intellisense",
+    "eg2.vscode-npm-script"
   ],
   "remoteUser": "node"
 }

.eslintrc.js

@@ -0,0 +1,83 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    sourceType: 'module',
+    project: './tsconfig.json',
+  },
+  env: {
+    browser: true,
+    node: true,
+  },
+  plugins: ['import'],
+  extends: [
+    'eslint:recommended',
+    'plugin:import/errors',
+    'plugin:import/warnings',
+    'plugin:import/typescript',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:jest/recommended',
+    'plugin:jest/style',
+    'plugin:jest-dom/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+    'prettier',
+  ],
+  settings: {
+    react: {
+      // to indicate latest version
+      // https://github.com/yannickcr/eslint-plugin-react/blob/b8e91a571bc6b58cc3c78e9e62e8b60ecb45e233/lib/util/version.js#L48
+      version: '999.999.999',
+    },
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.ts', '.tsx'],
+    },
+    'import/resolver': {
+      typescript: {
+        alwaysTryTypes: true,
+      },
+    },
+  },
+  rules: {
+    'import/default': 'off',
+    'import/no-default-export': 'off',
+    'react/display-name': 'off',
+    'import/no-named-as-default-member': 'warn',
+    // see for rational https://basarat.gitbook.io/typescript/main-1/defaultisbad
+    'import/no-default-export': 'error',
+    '@typescript-eslint/restrict-template-expressions': 'off',
+    '@typescript-eslint/ban-ts-comment': 'warn',
+    '@typescript-eslint/no-explicit-any': 'warn',
+    '@typescript-eslint/no-unsafe-assignment': 'warn',
+    '@typescript-eslint/no-unsafe-call': 'warn',
+    '@typescript-eslint/no-unsafe-member-access': 'warn',
+    '@typescript-eslint/no-unsafe-return': 'warn',
+    '@typescript-eslint/no-this-alias': 'warn',
+  },
+  overrides: [
+    {
+      // required because of https://github.com/yannickcr/eslint-plugin-react/issues/2353
+      // otherwise get missing prop-types error in tsx files
+      files: ['**/*.tsx'],
+      rules: {
+        'react/prop-types': 'off',
+      },
+    },
+    {
+      // allow node_module mocks to have default exports
+      files: ['__mocks__/**/*'],
+      rules: {
+        'import/no-default-export': 'off',
+      },
+    },
+  ],
+  ignorePatterns: [
+    'dist',
+    'docs',
+    'example',
+    'node_modules',
+    '**/*.stories.tsx',
+    '**/*.test.ts',
+  ],
+}