feat: Transfer frontend-template-application improvements (#944)

* feat: Transfer frontend-template-application improvements

* fix: fix disscusions and some refactor

* fix: correct header and footer packeges placement

* fix: fix spacing

* fix: ci fix for stylelint

* fix: add correct changes for packages

* fix: fix lint errors

* fix: add correct eslint config

* fix: remove extra package and fix jest config

* fix: update lock file

Author: filippovskii09

.eslintignore

@@ -1,4 +1,4 @@
 coverage/*
 dist/
 node_modules/
-jest.config.js
+jest.config.ts

.eslintrc.js

@@ -1,4 +1,18 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 const { createConfig } = require('@openedx/frontend-build');
 
-module.exports = createConfig('eslint');
+module.exports = createConfig(
+  'eslint',
+  {
+    rules: {
+      'jsx-a11y/label-has-associated-control': [2, {
+        controlComponents: ['Input'],
+      }],
+      'template-curly-spacing': 'off',
+      'react-hooks/exhaustive-deps': 'off',
+      'no-restricted-exports': 'off',
+      // There is no reason to disallow this syntax anymore; we don't use regenerator-runtime in new browsers
+      'no-restricted-syntax': 'off',
+    },
+  },
+);

.gitignore

@@ -17,3 +17,5 @@ temp/babel-plugin-react-intl
 *~
 /temp
 /.vscode
+
+webpack.dev-tutor.config.js

.stylelintrc.json

@@ -0,0 +1,35 @@
+{
+  "extends": ["@edx/stylelint-config-edx"],
+  "rules": {
+    "selector-pseudo-class-no-unknown": [true, {
+      "ignorePseudoClasses": ["export"]
+    }],
+    "unit-no-unknown": [true, {
+      "ignoreUnits": ["\\.5"]
+    }],
+    "property-no-vendor-prefix": [true, {
+      "ignoreProperties": ["animation", "filter", "transform", "transition"]
+    }],
+    "value-no-vendor-prefix": [true, {
+      "ignoreValues": ["fill-available"]
+    }],
+    "function-no-unknown": null,
+    "number-leading-zero": "never",
+    "no-descending-specificity": null,
+    "selector-class-pattern": null,
+    "scss/no-global-function-names": null,
+    "color-hex-case": "upper",
+    "color-hex-length": "long",
+    "scss/dollar-variable-empty-line-before": null,
+    "scss/dollar-variable-colon-space-after": "at-least-one-space",
+    "at-rule-no-unknown": null,
+    "scss/at-rule-no-unknown": true,
+    "scss/at-import-partial-extension": null,
+    "scss/comment-no-empty": null,
+    "import-notation": "string",
+    "property-no-unknown": [true, {
+      "ignoreProperties": ["xs", "sm", "md", "lg", "xl", "xxl"]
+    }],
+    "alpha-value-notation": "number"
+  }
+}

jest.config.js renamed to jest.config.ts

@@ -1,8 +1,8 @@
 const { createConfig } = require('@openedx/frontend-build');
 
 module.exports = createConfig('jest', {
-  // setupFilesAfterEnv is used after the jest environment has been loaded.  In general this is what you want.  
-  // If you want to add config BEFORE jest loads, use setupFiles instead.  
+  // setupFilesAfterEnv is used after the jest environment has been loaded. In general this is what you want.
+  // If you want to add config BEFORE jest loads, use setupFiles instead.
   setupFilesAfterEnv: [
     '<rootDir>/src/setupTest.js',
   ],
@@ -11,3 +11,5 @@ module.exports = createConfig('jest', {
     'src/i18n',
   ],
 });
+
+export {};