Merge pull request #48 from agentlab/issue-47-refactor-table-componen…

…t-into-hooks-and-mst

[ADD] New BaseTable with MST support and loadMode

.eslintrc.js

@@ -5,56 +5,42 @@ module.exports = {
     sourceType: 'module',
     //project: './tsconfig.json',
     ecmaFeatures: {
-      jsx: true, // Allows for the parsing of JSX
-    },
+      jsx: true // Allows for the parsing of JSX
+
+    }
   },
   settings: {
     react: {
-      version: 'detect',
-    },
+      version: 'detect'
+    }
   },
   plugins: ['import', 'flowtype', 'jsx-a11y', 'react', 'react-hooks', 'prettier'],
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    //'airbnb-typescript',
-    'react-app',
-    'prettier',
-    'plugin:prettier/recommended',
-  ],
+  extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "react-app", "prettier", "plugin:prettier/recommended", "plugin:storybook/recommended"],
   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
+      }
+    }],
     'react/jsx-props-no-spreading': 'off',
     'react/prop-types': 'off',
     'import/no-anonymous-default-export': 'off',
     'import/prefer-default-export': 'off',
-    '@typescript-eslint/naming-convention': [
-      'error',
-      {
-        selector: 'variableLike',
-        format: ['camelCase', 'PascalCase'],
-      },
-    ],
+    '@typescript-eslint/naming-convention': ['error', {
+      selector: 'variableLike',
+      format: ['camelCase', 'PascalCase', 'UPPER_CASE']
+    }]
   },
-  overrides: [
-    {
-      files: ['**/*.stories.*'],
-      rules: {
-        'import/no-anonymous-default-export': 'off',
-      },
-    },
-  ],
-};
+  overrides: [{
+    files: ['**/*.stories.*'],
+    rules: {
+      'import/no-anonymous-default-export': 'off'
+    }
+  }]
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentlab/ldkg-ui-react",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "LDKG Forms UI Components",
   "license": "GPL-3.0",
   "author": "Alexey Ivanov <[email protected]>",
@@ -52,18 +52,18 @@
     "lint-staged": "lint-staged"
   },
   "peerDependencies": {
-    "@agentlab/sparql-jsld-client": ">=5.0.3",
+    "@agentlab/sparql-jsld-client": ">=5.0.4",
     "@ant-design/icons": ">=4.7.0",
     "@rdfjs/data-model": ">=1.3.4",
     "@tinymce/tinymce-react": ">=3.13.0",
-    "antd": ">=4.16.13",
-    "history": ">=5.1.0",
+    "antd": ">=4.17.4",
+    "history": ">=5.2.0",
     "lodash-es": ">=4.17.21",
-    "mobx": ">=6.3.7",
+    "mobx": ">=6.3.9",
     "mobx-react-lite": ">=3.2.2",
-    "mobx-state-tree": ">=5.0.5",
+    "mobx-state-tree": ">=5.1.0",
     "moment": ">=2.29.1",
-    "rc-util": ">=5.15.0",
+    "rc-util": ">=5.16.1",
     "react": ">=17.0.2",
     "react-base-table": ">=1.13.0",
     "react-collapse-pane": ">=2.0.1",
@@ -72,31 +72,31 @@
     "react-dom": ">=17.0.2",
     "react-error-boundary": ">=3.1.4",
     "react-horizontal-scrolling-menu": ">=2.5.2",
-    "react-router": ">=6.0.2",
-    "react-router-dom": ">=6.0.2",
+    "react-router": ">=6.2.1",
+    "react-router-dom": ">=6.2.1",
     "react-sortable-hoc": ">=2.0.0",
     "react-split-pane": ">=2.0.3",
     "react-virtualized": ">=9.22.3",
     "styled-components": ">=5.3.3",
     "tinymce": ">=5.9.2",
     "uri-js": ">=4.4.1",
-    "uuid62": ">=1.0.1"
+    "uuid62": ">=1.0.2"
   },
   "dependencies": {
-    "@agentlab/sparql-jsld-client": "^5.0.3",
+    "@agentlab/sparql-jsld-client": "^5.0.4",
     "@ant-design/icons": "^4.7.0",
     "@tinymce/tinymce-react": "^3.13.0",
-    "@types/react": "^17.0.35",
+    "@types/react": "^17.0.37",
     "@types/react-dom": "^17.0.11",
     "@types/react-router": "^5.1.17",
     "@types/react-router-dom": "^5.3.2",
     "@types/react-virtualized": "^9.21.15",
-    "@types/styled-components": "^5.1.15",
+    "@types/styled-components": "^5.1.18",
     "@types/tinymce": "^4.6.4",
-    "antd": "^4.16.13",
-    "history": "^5.1.0",
+    "antd": "^4.17.4",
+    "history": "^5.2.0",
     "mobx-react-lite": "^3.2.2",
-    "mst-middlewares": "^5.0.5",
+    "mst-middlewares": "^5.1.0",
     "react": "^17.0.2",
     "react-base-table": "^1.13.0",
     "react-collapse-pane": "^2.0.1",
@@ -107,8 +107,8 @@
     "react-horizontal-scrolling-menu": "^2.5.2",
     "react-is": "^17.0.2",
     "react-redux": "^7.2.6",
-    "react-router": "^6.0.2",
-    "react-router-dom": "^6.0.2",
+    "react-router": "^6.2.1",
+    "react-router-dom": "^6.2.1",
     "react-sortable-hoc": "^2.0.0",
     "react-split-pane": "^2.0.3",
     "react-virtualized": "^9.22.3",
@@ -121,59 +121,60 @@
   "devDependencies": {
     "@babel/core": "^7.16.0",
     "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.0.6",
+    "@rollup/plugin-node-resolve": "^13.1.1",
     "@rollup/plugin-typescript": "^8.3.0",
-    "@storybook/addon-actions": "^6.3.12",
-    "@storybook/addon-essentials": "^6.3.12",
-    "@storybook/addon-links": "^6.3.12",
-    "@storybook/addons": "^6.3.12",
-    "@storybook/node-logger": "^6.3.12",
+    "@storybook/addon-actions": "^6.4.9",
+    "@storybook/addon-essentials": "^6.4.9",
+    "@storybook/addon-links": "^6.4.9",
+    "@storybook/addons": "^6.4.9",
+    "@storybook/node-logger": "^6.4.9",
     "@storybook/preset-ant-design": "^0.0.2",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.3.12",
-    "@testing-library/jest-dom": "^5.15.0",
+    "@storybook/react": "^6.4.9",
+    "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@types/jest": "^27.0.3",
+    "@typescript-eslint/eslint-plugin": "^5.8.0",
     "@typescript-eslint/parser": "^5.4.0",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^8.2.3",
     "cross-env": "^7.0.3",
     "cssnano": "^5.0.11",
     "cypress": "^8.7.0",
     "cypress-storybook": "^0.5.1",
-    "eslint": "^8.2.0",
+    "eslint": "^8.5.0",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-config-react-app": "^6.0.0",
+    "eslint-config-react-app": "^7.0.0",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jest": "^25.2.4",
+    "eslint-plugin-jest": "^25.3.0",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.27.0",
+    "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-storybook": "^0.5.5",
     "husky": "^7.0.4",
-    "jest": "^27.3.1",
+    "jest": "^27.4.5",
     "jest-watch-typeahead": "^1.0.0",
-    "lint-staged": "^12.0.2",
+    "lint-staged": "^12.1.3",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.3.11",
-    "prettier": "2.4.1",
+    "prettier": "2.5.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.60.0",
+    "rollup": "^2.61.1",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.32.12",
     "sass-loader": "10.1.1",
     "storybook-css-modules-preset": "^1.1.1",
     "style-loader": "^2.0.0",
-    "ts-jest": "^27.0.7",
+    "ts-jest": "^27.1.2",
     "tslib": "^2.3.1",
-    "typescript": "4.4.4",
+    "typescript": "4.5.4",
     "typescript-plugin-css-modules": "^3.4.0"
   },
   "lint-staged": {