Move BaseTable here from ldkg-ui-tables

.eslintignore

@@ -6,3 +6,4 @@
 /es
 /example
 /node-modules
+/stories/public

.prettierignore

@@ -3,3 +3,4 @@
 /node_modules
 /public
 /storybook-static
+/stories/public

.vscode/settings.json

@@ -12,6 +12,8 @@
   "editor.codeActionsOnSave": {
     "source.fixAll": true
   },
+  "eslint.packageManager": "yarn",
+  "eslint.lintTask.enable": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "prettier.endOfLine": "lf",
   "jest.autoRun": "off",
@@ -53,5 +55,6 @@
     "undelegate",
     "uuidv"
   ],
-  "cSpell.language": "en,ru"
+  "cSpell.language": "en,ru",
+  "terminal.integrated.scrollback": 10000
 }

cypress.json

@@ -0,0 +1,5 @@
+{
+  "baseUrl": "http://localhost:6006",
+  "viewportWidth": 1920,
+  "viewportHeight": 1080
+}

package.json

@@ -42,7 +42,8 @@
     "build-tsc": "yarn tsc --project ./tsconfig-build.json",
     "test": "cross-env NODE_ENV=--experimental-vm-modules jest",
     "test:ci": "cross-env NODE_ENV=--experimental-vm-modules jest --ci --coverage --maxWorkers=2",
-    "lint": "eslint \"{src,stories,test}**/*.{js,jsx,ts,tsx}\"",
+    "cypress:open": "cypress open",
+    "lint": "eslint \"{src,stories,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && yarn build",
     "storybook": "start-storybook -s ./stories/public -p 6006",
     "build-storybook": "build-storybook",
@@ -52,6 +53,7 @@
   "peerDependencies": {
     "@agentlab/sparql-jsld-client": ">=5.0.0-rc.11",
     "@ant-design/icons": ">=4.6.4",
+    "@rdfjs/data-model": ">=1.3.3",
     "@tinymce/tinymce-react": ">=3.12.6",
     "antd": ">=4.16.13",
     "history": ">=5.0.1",
@@ -61,13 +63,18 @@
     "mobx-state-tree": ">=5.0.2",
     "moment": ">=2.29.1",
     "react": ">=17.0.2",
+    "react-base-table": ">=1.12.0",
     "react-dom": ">=17.0.2",
+    "react-dnd": ">=13.1.1",
+    "react-dnd-html5-backend": ">=12.1.1",
     "react-error-boundary": ">=3.1.3",
     "react-router": ">=6.0.0-beta.3",
     "react-router-dom": ">=6.0.0-beta.3",
+    "react-sortable-hoc": ">=2.0.0",
     "react-virtualized": ">=9.22.3",
     "rc-util": ">=5.13.2",
     "react-split-pane": ">=2.0.3",
+    "styled-components": ">=5.3.1",
     "tinymce": ">=5.5.1",
     "uri-js": ">=4.4.1",
     "uuid62": ">=1.0.1"
@@ -76,24 +83,30 @@
     "@agentlab/sparql-jsld-client": "^5.0.0-rc.11",
     "@ant-design/icons": "^4.6.4",
     "@tinymce/tinymce-react": "^3.12.6",
-    "@types/react": "^17.0.19",
+    "@types/react": "^17.0.20",
     "@types/react-dom": "^17.0.9",
     "@types/react-router": "^5.1.16",
     "@types/react-router-dom": "^5.1.8",
     "@types/react-virtualized": "^9.21.13",
+    "@types/styled-components": "^5.1.14",
     "@types/tinymce": "^4.6.4",
     "antd": "^4.16.13",
     "history": "^5.0.1",
     "mobx-react-lite": "^3.2.1",
     "mst-middlewares": "^5.0.2",
     "react": "^17.0.2",
-    "react-is": "^17.0.2",
+    "react-base-table": "^1.12.0",
     "react-dom": "^17.0.2",
+    "react-dnd": "^13.1.1",
+    "react-dnd-html5-backend": "^12.1.1",
     "react-error-boundary": "^3.1.3",
-    "react-redux": "^7.2.4",
+    "react-is": "^17.0.2",
+    "react-redux": "^7.2.5",
     "react-router": "^6.0.0-beta.3",
     "react-router-dom": "^6.0.0-beta.3",
+    "react-sortable-hoc": "^2.0.0",
     "react-virtualized": "^9.22.3",
+    "styled-components": "^5.3.1",
     "redux": "^4.1.1",
     "remotedev": "^0.2.9",
     "react-split-pane": "^2.0.3",
@@ -123,9 +136,12 @@
     "babel-loader": "^8.2.2",
     "cross-env": "^7.0.3",
     "cssnano": "^5.0.7",
+    "cypress": "^8.3.1",
+    "cypress-storybook": "^0.5.1",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-react-app": "^6.0.0",
+    "eslint-plugin-cypress": "^2.11.3",
     "eslint-plugin-flowtype": "^5.9.2",
     "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-jest": "^24.4.0",
@@ -137,6 +153,7 @@
     "jest": "^27.1.0",
     "jest-watch-typeahead": "^0.6.4",
     "lint-staged": "^11.1.2",
+    "npm-run-all": "^4.1.5",
     "postcss": "^8.3.6",
     "prettier": "^2.3.2",
     "rimraf": "^3.0.2",

src/index.ts

@@ -34,3 +34,5 @@ export * from './MstContext';
 export * from './renderers';
 export * from './testers';
 export * from './UnknownRenderer';
+
+export * from './table';

src/table/BaseTableArrayControlRenderer.tsx

@@ -0,0 +1,21 @@
+/********************************************************************************
+ * Copyright (c) 2021 Agentlab and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the GNU General Public License v. 3.0 which is available at
+ * https://www.gnu.org/licenses/gpl-3.0.html.
+ *
+ * SPDX-License-Identifier: GPL-3.0-only
+ ********************************************************************************/
+import React from 'react';
+import { RankedTester, rankWith, uiTypeIs } from '../testers';
+import { withStoreToArrayProps } from '../util/ContextToProps';
+
+import { JsonSchemaTable } from './BaseTableControl';
+
+export const BaseTableArrayControlRenderer = (props: any) => {
+  return <JsonSchemaTable {...props} />;
+};
+
+export const tableArrayControlTester: RankedTester = rankWith(3, uiTypeIs('aldkg:Array'));
+export const BaseTableArrayControlWithStore = withStoreToArrayProps(BaseTableArrayControlRenderer);