[chore] Upd deps, fix linter

Author: amivanoff

.eslintrc.js

@@ -1,46 +1,56 @@
 module.exports = {
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module',
-    //project: './tsconfig.json',
-    ecmaFeatures: {
-      jsx: true // Allows for the parsing of JSX
-
-    }
+  env: {
+    browser: true,
+    es2021: true,
   },
   settings: {
     react: {
-      version: 'detect'
-    }
+      version: 'detect',
+    },
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier',
+    'plugin:prettier/recommended',
+    'plugin:storybook/recommended',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 13,
+    sourceType: 'module',
   },
-  plugins: ['import', 'flowtype', 'jsx-a11y', 'react', 'react-hooks', 'prettier'],
-  extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "react-app", "prettier", "plugin:prettier/recommended", "plugin:storybook/recommended"],
+  plugins: ['import', 'flowtype', 'jsx-a11y', 'react', 'react-hooks', '@typescript-eslint', 'prettier'],
   rules: {
     '@typescript-eslint/no-use-before-define': 'off',
     '@typescript-eslint/no-explicit-any': 'off',
     '@typescript-eslint/no-empty-function': 'off',
     '@typescript-eslint/ban-ts-comment': 'off',
-    '@typescript-eslint/ban-types': ['error', {
-      extendDefaults: true,
-      types: {
-        '{}': false,
-        Function: false
-      }
-    }],
+    '@typescript-eslint/ban-types': [
+      'error',
+      {
+        extendDefaults: true,
+        types: {
+          '{}': false,
+          Function: false,
+        },
+      },
+    ],
+    '@typescript-eslint/naming-convention': [
+      'error',
+      {
+        selector: 'variableLike',
+        format: ['camelCase', 'PascalCase', 'UPPER_CASE'],
+      },
+    ],
     'react/jsx-props-no-spreading': 'off',
     'react/prop-types': 'off',
+    'react/display-name': 'off',
     'import/no-anonymous-default-export': 'off',
     'import/prefer-default-export': 'off',
-    '@typescript-eslint/naming-convention': ['error', {
-      selector: 'variableLike',
-      format: ['camelCase', 'PascalCase', 'UPPER_CASE']
-    }]
   },
-  overrides: [{
-    files: ['**/*.stories.*'],
-    rules: {
-      'import/no-anonymous-default-export': 'off'
-    }
-  }]
-};
+};

package.json

@@ -52,7 +52,7 @@
     "lint-staged": "lint-staged"
   },
   "peerDependencies": {
-    "@agentlab/sparql-jsld-client": ">=5.0.6",
+    "@agentlab/sparql-jsld-client": ">=5.0.7",
     "@ant-design/icons": ">=4.7.0",
     "@rdfjs/data-model": ">=1.3.4",
     "@tinymce/tinymce-react": ">=3.13.0",
@@ -83,7 +83,7 @@
     "uuid62": ">=1.0.2"
   },
   "dependencies": {
-    "@agentlab/sparql-jsld-client": "^5.0.6",
+    "@agentlab/sparql-jsld-client": "^5.0.7",
     "@ant-design/icons": "^4.7.0",
     "@tinymce/tinymce-react": "^3.13.0",
     "@types/react": "^17.0.38",
@@ -119,9 +119,9 @@
     "uri-js": "^4.4.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.5",
+    "@babel/core": "^7.16.7",
     "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.1.1",
+    "@rollup/plugin-node-resolve": "^13.1.2",
     "@rollup/plugin-typescript": "^8.3.0",
     "@storybook/addon-actions": "^6.4.9",
     "@storybook/addon-essentials": "^6.4.9",
@@ -134,7 +134,7 @@
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.0.3",
+    "@types/jest": "^27.4.0",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "autoprefixer": "^10.4.1",
@@ -150,7 +150,7 @@
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jest": "^25.3.2",
+    "eslint-plugin-jest": "^25.3.3",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.28.0",

src/antd-controls/AntdSelect.tsx

@@ -29,7 +29,7 @@ export const AntdSelect = React.memo((props: any /*EnumCellProps & WithClassname
       onChange={(value: any) => handleChange(path, value)}>
       {[
         <Select.Option value='' key={'empty'}>
-          ''
+          {''}
         </Select.Option>,
       ].concat(
         options.map((optionValue: any) => (

src/components/ContextMenu/ContextMenu.tsx

@@ -28,6 +28,7 @@ export const ContextMenu: React.FC<ContextMenuProps> = ({ record, selection, vis
       <ul className='popup' style={{ left: `${x}px`, top: `${y}px`, position: 'fixed' }}>
         {actionsMap.map(({ title, action }) => (
           <li
+            key={title}
             onClick={() => {
               action(selection);
               onClick();

src/table/basetable/BaseTableMenu.tsx

@@ -47,6 +47,7 @@ export const BaseTableMenu: React.FC<BaseTablrMenu> = ({ record, selection, visi
       <ul className='popup' style={{ left: `${x}px`, top: `${y}px`, position: 'fixed' }}>
         {actionsMap.map(({ title, action }) => (
           <li
+            key={title}
             onClick={() => {
               action(selection);
               onClick();