Development: Update dependencies (#247)

.github/workflows/e2e.yml

@@ -11,7 +11,7 @@ jobs:
       # Install NPM dependencies, cache them correctly
       # and run all Cypress tests
       - name: Cypress run
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v4.1.0
         with:
           build: yarn build
           start: yarn start

.stylelintrc

@@ -3,4 +3,5 @@ extends:
 customSyntax: "@stylelint/postcss-css-in-js"
 rules:
   no-empty-source: null
-  no-duplicate-selectors: null
+  no-duplicate-selectors: null
+  function-no-unknown: null

cypress.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  numTestsKeptInMemory: 1,
+  viewportWidth: 1800,
+  viewportHeight: 920,
+  video: false,
+  screenshotOnRunFailure: false,
+  fixturesFolder: './src/tests/e2e/fixture',
+  e2e: {
+    setupNodeEvents(on, config) {},
+    baseUrl: 'http://localhost:8888',
+    specPattern: './src/tests/e2e/specs/**/*.cy.{js,jsx,ts,tsx}',
+    supportFile: './src/tests/e2e/support/index.ts',
+  },
+})

package.json

@@ -69,11 +69,11 @@
     "uuid": "8.3.2"
   },
   "devDependencies": {
-    "@babel/core": "7.17.10",
-    "@storybook/addon-actions": "6.4.22",
-    "@storybook/addon-essentials": "6.4.22",
-    "@storybook/addon-links": "6.4.22",
-    "@storybook/react": "6.4.22",
+    "@babel/core": "7.18.6",
+    "@storybook/addon-actions": "6.5.9",
+    "@storybook/addon-essentials": "6.5.9",
+    "@storybook/addon-links": "6.5.9",
+    "@storybook/react": "6.5.9",
     "@stylelint/postcss-css-in-js": "0.38.0",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "12.1.3",
@@ -90,40 +90,40 @@
     "babel-plugin-const-enum": "1.2.0",
     "chai": "4.3.6",
     "circular-dependency-plugin": "5.2.2",
-    "copy-webpack-plugin": "10.2.4",
+    "copy-webpack-plugin": "11.0.0",
     "css-loader": "6.7.1",
-    "cypress": "9.5.2",
-    "cypress-real-events": "1.7.0",
+    "cypress": "10.3.0",
+    "cypress-real-events": "1.7.1",
     "ejs-loader": "0.5.0",
-    "fork-ts-checker-notifier-webpack-plugin": "4.0.0",
-    "fork-ts-checker-webpack-plugin": "6.5.0",
+    "fork-ts-checker-notifier-webpack-plugin": "6.0.0",
+    "fork-ts-checker-webpack-plugin": "7.2.11",
     "html-webpack-plugin": "5.5.0",
-    "husky": "7.0.4",
+    "husky": "8.0.1",
     "jest": "27.5.1",
     "jest-styled-components": "7.0.8",
-    "lint-staged": "12.4.1",
+    "lint-staged": "13.0.3",
     "pinst": "3.0.0",
     "postcss-syntax": "0.36.2",
-    "prettier": "2.6.2",
+    "prettier": "2.7.1",
     "redux-mock-store": "1.5.4",
     "start-server-and-test": "1.14.0",
     "style-loader": "3.3.1",
-    "stylelint": "14.8.2",
-    "stylelint-config-recommended": "6.0.0",
+    "stylelint": "14.9.1",
+    "stylelint-config-recommended": "8.0.0",
     "stylelint-config-styled-components": "0.1.1",
     "stylelint-custom-processor-loader": "0.6.0",
     "stylelint-processor-styled-components": "1.10.0",
     "ts-jest": "27.1.4",
-    "ts-loader": "9.3.0",
+    "ts-loader": "9.3.1",
     "tslint": "6.1.3",
     "tslint-config-prettier": "1.18.0",
     "tslint-loader": "3.5.4",
     "tslint-react": "5.0.0",
-    "typescript": "4.6.4",
-    "webpack": "5.72.0",
-    "webpack-cli": "4.9.2",
-    "webpack-dev-server": "4.8.1",
+    "typescript": "4.7.4",
+    "webpack": "5.73.0",
+    "webpack-cli": "4.10.0",
+    "webpack-dev-server": "4.9.3",
     "webpack-merge": "5.8.0",
-    "yarn": "1.22.18"
+    "yarn": "1.22.19"
   }
 }

src/main/components/assessment/assessment-dropInfo-tooltip.tsx

@@ -29,7 +29,7 @@ const enhance = compose<ComponentClass<OwnProps>>(
 );
 
 const initialState = Object.freeze({
-  showLinkIcon: true,
+  showLinkIcon: true as boolean,
 });
 
 type State = typeof initialState;

src/main/components/controls/button/button.ts

@@ -3,10 +3,10 @@ import { Color, Size } from '../../theme/styles';
 import { StyledButton } from './button-styles';
 
 export const defaultProps = Object.freeze({
-  block: false,
+  block: false as boolean,
   color: 'secondary' as Color | 'link',
-  disabled: false,
-  outline: false,
+  disabled: false as boolean,
+  outline: false as boolean,
   size: 'sm' as Size,
 });
 

src/main/components/controls/dropdown/dropdown.tsx

@@ -7,16 +7,16 @@ import { DropdownItemProps, StyledDropdown, StyledDropdownItem } from './dropdow
 
 const defaultProps = Object.freeze({
   color: 'primary' as Color,
-  outline: true,
+  outline: true as boolean,
   placeholder: '',
   size: 'sm' as Size,
 });
 
 const intialState = Object.freeze({
-  show: false,
-  top: 0,
-  left: 0,
-  width: 0,
+  show: false as boolean,
+  top: 0 as number,
+  left: 0 as number,
+  width: 0 as number,
 });
 
 export type Props<T> = {

src/main/components/controls/textfield/textfield.tsx

@@ -4,13 +4,13 @@ import { Size } from '../../theme/styles';
 import { StyledTextfield } from './textfield-styled';
 
 export const defaultProps = Object.freeze({
-  block: true,
-  gutter: false,
-  multiline: false,
-  outline: false,
-  readonly: false,
+  block: true as boolean,
+  gutter: false as boolean,
+  multiline: false as boolean,
+  outline: false as boolean,
+  readonly: false as boolean,
   size: 'sm' as Size,
-  enterToSubmit: true,
+  enterToSubmit: true as boolean,
 });
 
 type TextfieldValue = string | number;

src/main/utils/svg/multiline.tsx

@@ -2,15 +2,15 @@ import React, { Component, CSSProperties, SVGProps } from 'react';
 import { findDOMNode } from 'react-dom';
 
 const defaultProps = Object.freeze({
-  x: 0,
-  y: 0,
-  dx: 0,
-  dy: 0,
-  angle: 0,
+  x: 0 as number,
+  y: 0 as number,
+  dx: 0 as number,
+  dy: 0 as number,
+  angle: 0 as number,
   width: undefined as number | undefined,
   height: undefined as number | undefined,
-  lineHeight: 16,
-  capHeight: 11,
+  lineHeight: 16 as number,
+  capHeight: 11 as number,
   scaleToFit: false,
   textAnchor: 'middle' as 'start' | 'middle' | 'end' | 'inherit',
   verticalAnchor: 'middle' as 'start' | 'middle' | 'end',

webpack/webpack.prod.js

@@ -14,7 +14,7 @@ module.exports = merge(common, {
   plugins: [
     new ForkTsCheckerWebpackPlugin({
       async: false,
-      typescript: true,
+      typescript: {},
     }),
   ],
 });