980 register sample page (#79)

* add register sample menu item

* add registration route

add route and update link

* styling

* step1 instructions, file template download

* file upload functionality

* add boolean toggle flags for instruction flow

* add handle for register

* cleanup

* clinical schema version gql query

* move gql quries to root folder

* fix gql imports

* content header extensible

* add no data comp

* add FilePreview

* add Error notification

* update Prettier

* get clinical data query working

* add gql upload client link chain

* Cleanup, apollo-upload-client, layout

* progress bar rework

* fix headers on table

* handle clear eg

* refetch on upload

* cleanup table typing conflicts

* add modal config

* add modal

* add toasts

* fix imports, paths, vars etc in registermodal

* add path constants

* move file preview into own file

* submission status gql + hook added

* remove temp button

* export to tsv and display util

* upload error styling

* download error report

* update copyrights

* strings, urls - updates

* add global loader

* add dashboard page success after register

* styling

* use gql generated types

* add dict version query

* clean up FileError

* copyrights

* css cleanup

* add global loader

* sidemenu

* fix typings

* ts fix

* more type fixes

* fix TS errors

* fix eslint errors

---------

Co-authored-by: Ciaran Schutte <[email protected]>

Author: ciaranschutte

Diff for: .eslintrc.js

@@ -1,12 +1,13 @@
 /* eslint-env node */
 module.exports = {
   extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'next/core-web-vitals',
-    'prettier',
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "next/core-web-vitals",
+    "prettier",
   ],
-  parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint'],
+  ignorePatterns: ["src/__generated__/**/*"],
+  parser: "@typescript-eslint/parser",
+  plugins: ["@typescript-eslint"],
   root: true,
 };

Diff for: package-lock.json

@@ -9,26 +9,30 @@
     "lint": "next lint",
     "prepare": "husky install",
     "test": "echo 'Add tests please :)'",
-    "gql-compile": "graphql-codegen",
-    "gql-watch": "graphql-codegen -w"
+    "gql:compile": "graphql-codegen",
+    "gql:watch": "graphql-codegen -w"
   },
   "dependencies": {
     "@apollo/client": "^3.8.1",
     "@hookform/resolvers": "^3.1.1",
     "@icgc-argo/ego-token-utils": "^8.2.0",
     "@icgc-argo/uikit": "^3.0.1",
     "@types/url-join": "^4.0.1",
+    "apollo-upload-client": "^17.0.0",
+    "date-fns": "^2.30.0",
     "dotenv": "^16.3.1",
     "graphql": "^16.8.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
-    "next": "^13.4.12",
+    "next": "^13.4.19",
+    "pluralize": "^8.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-google-recaptcha": "^3.1.0",
     "react-grid-system": "^8.1.9",
     "react-hook-form": "^7.45.1",
     "react-query": "^3.39.3",
+    "react-transition-group": "^4.4.5",
     "url-join": "^5.0.0",
     "zod": "^3.21.4"
   },
@@ -40,24 +44,32 @@
     "@graphql-codegen/cli": "^5.0.0",
     "@graphql-codegen/client-preset": "^4.1.0",
     "@parcel/watcher": "^2.2.0",
+    "@types/apollo-upload-client": "^17.0.2",
     "@types/js-cookie": "^3.0.3",
     "@types/lodash": "^4.14.195",
     "@types/node": "20.2.3",
+    "@types/pluralize": "^0.0.30",
     "@types/react": "18.2.7",
     "@types/react-dom": "18.2.4",
     "@types/react-google-recaptcha": "^2.1.5",
+    "@types/react-transition-group": "^4.4.6",
     "@typescript-eslint/eslint-plugin": "^5.59.7",
     "@typescript-eslint/parser": "^5.59.7",
     "eslint": "^8.41.0",
     "eslint-config-next": "13.4.3",
     "eslint-config-prettier": "^8.8.0",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.2",
-    "prettier": "2.8.8",
+    "prettier": "^3.0.3",
     "prettier-plugin-organize-imports": "^3.2.2",
     "typescript": "^5.1.6"
   },
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"
+  },
+  "prettier": {
+    "plugins": [
+      "prettier-plugin-organize-imports"
+    ]
   }
 }