upload freecad file to web

asp-review-app/server/src/app.ts

@@ -50,7 +50,6 @@ export class App {
         this.app.use(express.urlencoded({ extended: true }));
         this.app.use(bodyParser.json());
         this.app.use(bodyParser.urlencoded({ extended: true }));
-        console.log(dirname + '/public/')
         this.app.use(express.static(dirname + '/public/'));
         this.app.use(fileUpload({
             createParentPath: true
@@ -63,7 +62,6 @@ export class App {
         });
     }
     loadAppDependencies() {
-
         locator(new DevEnv());
     }
 }

asp-review-app/server/src/core/di/register_di.ts

@@ -9,16 +9,18 @@ import { ZipRepository } from "../repository/zip_repository";
  
 export const locator = (env: Env) => {
   // override(Env, env)
-  registerRepository(env)
   registerController(env)
+  registerRepository(env)
+ 
 };
 const registerRepository  = (env:Env) => {
+  
   override(ZipRepository, ZipRepository);
   override(EntityRepository, EntityRepository)
  
 }
 const registerController = (env: Env) => {
   override(AssemblyController,AssemblyController)
-  override(AssemblyPreviewsController, AssemblyController)
+  override(AssemblyPreviewsController, AssemblyPreviewsController)
 
 }

asp-review-app/server/src/core/middlewares/ValidationMiddleware.ts

@@ -11,7 +11,6 @@ const validationMiddleware = (
   forbidNonWhitelisted = true,
 ): RequestHandler => {
   return (req, res, next) => {
-    console.log(req[value])
     validate(plainToClass(type, req[value]), { skipMissingProperties, whitelist, forbidNonWhitelisted }).then((errors: ValidationError[]) => {
       if (errors.length > 0) {
         const message = errors.map((error: ValidationError) => Object.values(error.constraints)).join(', ');

asp-review-app/server/src/core/repository/compute_repository.ts

@@ -1,3 +1,3 @@
-export class ComputeRepository{
-    
-}
+export class ComputeRepository {
+  public computedAdjaxedMatrix = () => {};
+}

asp-review-app/server/src/core/repository/entity_repository.ts

@@ -1,8 +1,10 @@
 import { promises as fs } from 'fs';
 import { dirname } from '../../app';
 import fsSync from "fs";
-import { constants } from 'buffer';
+import { reflection } from 'first-di';
+import "reflect-metadata";
 
+@reflection
 export class EntityRepository {
     private path: String = dirname + '/public/'
     private getFileName(file: String) {
@@ -17,7 +19,7 @@ export class EntityRepository {
     }
     public async saveRootEntity(buffer: Buffer, name: string) {
         const filePath = this.path + this.getFileName(name) + '/'
-      
+
         if (this.isExistDirPath(filePath)) {
             await fs.rm(filePath, { recursive: true })
         }

asp-review-app/server/src/features/assembly_create/assembly_create_controller.ts

@@ -1,36 +1,43 @@
-import { NextFunction, Request, Response } from 'express';
-import { autowired } from 'first-di';
-  
-import "reflect-metadata";
-import { dirname } from '../../app';
-import { EntityRepository } from '../../core/repository/entity_repository';
-import { IFile } from './model/zip_files_model';
-
+import { NextFunction, Request, Response } from "express";
+import { autowired } from "first-di";
+import { EntityRepository } from "../../core/repository/entity_repository";
+import { IFile } from "./model/zip_files_model";
 
 export class AssemblyController {
-  public getAllAssembly = (req: Request, res: Response, next: NextFunction): void => {
-      throw new Error('Method not implemented.');
-  }
-   
-
   @autowired()
-  private readonly fsRepository: EntityRepository;
- 
-  public createAssembly = (req: Request, res: Response, next: NextFunction): void => {
+  private readonly entityRepository: EntityRepository;
+
+  public createRootEntity = (
+    req: Request,
+    res: Response,
+    next: NextFunction
+  ) => {
+    const file = req.files;
+    const f = file["freecad"] as IFile;
+    this.entityRepository.saveRootEntity(f.data, f.name);
+
+    res.status(200).json("ok");
+    return;
+  };
+  public getAllAssembly = (
+    req: Request,
+    res: Response,
+    next: NextFunction
+  ): void => {};
+
+  public createAssembly = (
+    req: Request,
+    res: Response,
+    next: NextFunction
+  ): void => {
     try {
       const file = req.files.freecad as IFile;
       const buffer = file.data as Buffer;
-      console.log(file.data)
-      // console.log(files.freecad.data)
-      // const filePath = dirname + '/' + files.freecad.name as string;
-      this.fsRepository.saveRootEntity(file.data, file.name)
-      // console.log(filePath)
-      
+      this.entityRepository.saveRootEntity(file.data, file.name);
+      console.log(this.entityRepository);
       res.sendStatus(200);
     } catch (error) {
       next(error);
     }
   };
 }
-
- 

asp-review-app/server/src/features/assembly_create/assembly_create_route.ts

@@ -1,26 +1,32 @@
-
-import express, { Router } from 'express';
-import { Routes } from '../../core/interfaces/router';
-import { autowired } from 'first-di';
-import { AssemblyController } from './assembly_create_controller';
-import path from 'path';
-import { dirname } from '../../app';
-import validationMiddleware from '../../core/middlewares/ValidationMiddleware';
-import { CadFilesModel } from './model/zip_files_model';
+import express, { Router } from "express";
+import { Routes } from "../../core/interfaces/router";
+import { autowired } from "first-di";
+import { AssemblyController } from "./assembly_create_controller";
+import validationMiddleware from "../../core/middlewares/ValidationMiddleware";
+import { CadFilesModel } from "./model/zip_files_model";
 
 export class AssemblyRoute implements Routes {
-    public path = '/assembly';
-    public router = Router();
-    @autowired()
-    private readonly assemblyController: AssemblyController;
-    constructor() {
-        this.initializeRoutes();
-    }
+  public path = "/assembly";
+  public router = Router();
+  
+  @autowired()
+  private readonly assemblyController: AssemblyController;
+  
+  constructor() {
+    this.initializeRoutes();
+  }
 
-    private initializeRoutes() {
-        // this.router.use(`${this.path}`, express.static(path.join(dirname, '../../public')));
-        this.router.post(`${this.path}`, validationMiddleware(CadFilesModel, 'files'), this.assemblyController.createAssembly)
+  private initializeRoutes() {
+    this.router.post(
+      `${this.path}`,
+      validationMiddleware(CadFilesModel, "files"),
+      this.assemblyController.createAssembly
+    );
 
-        this.router.get(`${this.path}`, this.assemblyController.getAllAssembly)
-    }
-}
+    this.router.get(`${this.path}`, this.assemblyController.getAllAssembly);
+    this.router.post(
+      `${this.path}/create`,
+      this.assemblyController.createRootEntity
+    );
+  }
+}

asp-review-app/server/src/features/assembly_previews/assembly_previews_controller.ts

@@ -3,10 +3,7 @@ import { autowired } from "first-di";
 import { EntityRepository } from "../../core/repository/entity_repository";
 import { port } from "../../server";
 import { memoAsync } from "../../core/helper/memorization";
-
-import "reflect-metadata";
-import { async } from "node-stream-zip";
-
+  
 export class AssemblyPreviewsController {
   @autowired()
   private readonly entityRepository: EntityRepository;
@@ -17,6 +14,7 @@ export class AssemblyPreviewsController {
     next: NextFunction
   ): Promise<void> => {
     try {
+      console.log(this.entityRepository)
       res.send(await this.entityRepository.getAllRootEntity());
     } catch (error) {
       next(error);
@@ -33,7 +31,6 @@ export class AssemblyPreviewsController {
         req.params.id
       );
       const aspUsage = Number(req.query.count) - 1;
-      console.log(aspUsage);
       if (entity === undefined) {
         res.status(404).json("entity not found");
         return;

asp-review-app/server/src/features/assembly_previews/assembly_previews_route.ts

@@ -12,16 +12,16 @@ export class AssemblyPreviewsRoute implements Routes {
     public path = '/assembly/preview/';
     public router = Router();
     @autowired()
-    private readonly assemblyController: AssemblyPreviewsController;
+    private readonly assemblyPreviewsController: AssemblyPreviewsController;
     constructor() {
         this.initializeRoutes();
     }
 
     private initializeRoutes() {
-        this.router.get(`${this.path}`, this.assemblyController.getAllAssembly);
+        this.router.get(`${this.path}`, this.assemblyPreviewsController.getAllAssembly);
         // this.router.get(`${this.path}`)
-        this.router.get(`${this.path}subsequence/:id`, this.assemblyController.getAssemblySubsequenceById)
-        this.router.get(`${this.path}insertion_sequence/:id`, this.assemblyController.getAssemblyInsertionSequenceById)
+        this.router.get(`${this.path}subsequence/:id`, this.assemblyPreviewsController.getAssemblySubsequenceById)
+        this.router.get(`${this.path}insertion_sequence/:id`, this.assemblyPreviewsController.getAssemblyInsertionSequenceById)
         // this.router.post(`${this.path}`, validationMiddleware(CadFilesModel, 'files'), this.assemblyController.createAssembly)
 
         // this.router.get(`${this.path}`, this.assemblyController.getAllAssembly)

asp-review-app/ui/package-lock.json

@@ -17,8 +17,8 @@
         "@testing-library/user-event": "^13.2.1",
         "@types/jest": "^27.0.1",
         "@types/node": "^16.7.13",
-        "@types/react": "^18.0.0",
-        "@types/react-dom": "^18.0.0",
+        "@types/react": "18.0.25",
+        "@types/react-dom": "18.0.9",
         "antd": "^5.5.2",
         "babel-jest": "^27.4.2",
         "babel-loader": "^8.2.3",
@@ -55,16 +55,21 @@
         "postcss-normalize": "^10.0.1",
         "postcss-preset-env": "^7.0.1",
         "prompts": "^2.4.2",
-        "react": "^16.12.0",
+        "react": "18.0.0",
         "react-app-polyfill": "^3.0.0",
         "react-dev-utils": "^12.0.1",
-        "react-dom": "^16.12.0",
+        "react-dom": "18.0.0",
         "react-i18next": "^12.2.0",
         "react-refresh": "^0.11.0",
         "react-router-dom": "^6.11.2",
         "react-three-fiber": "^6.0.13",
         "resolve": "^1.20.0",
         "resolve-url-loader": "^4.0.0",
+        "rete": "2.0.0-beta.9",
+        "rete-area-plugin": "2.0.0-beta.12",
+        "rete-connection-plugin": "2.0.0-beta.16",
+        "rete-react-render-plugin": "2.0.0-beta.22",
+        "rete-render-utils": "2.0.0-beta.12",
         "sass-loader": "^12.3.0",
         "semver": "^7.3.5",
         "sort-by": "^1.2.0",
@@ -110,9 +115,9 @@
       }
     },
     "node_modules/@ant-design/cssinjs": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.9.1.tgz",
-      "integrity": "sha512-CZt1vCMs/sY7RoacYuIkZwQmb8Bhp99ReNNE9Y8lnUzik8fmCdKAQA7ecvVOFwmNFdcBHga7ye/XIRrsbkiqWw==",
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.10.1.tgz",
+      "integrity": "sha512-PSoJS8RMzn95ZRg007dJGr6AU0Zim/O+tTN0xmXmh9CkIl4y3wuOr2Zhehaj7s130wPSYDVvahf3DKT50w/Zhw==",
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "@emotion/hash": "^0.8.0",
@@ -2370,6 +2375,27 @@
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
       "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
     },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
+      "peer": true,
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==",
+      "peer": true
+    },
+    "node_modules/@emotion/stylis": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
+      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==",
+      "peer": true
+    },
     "node_modules/@emotion/unitless": {
       "version": "0.7.5",
       "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
@@ -3048,9 +3074,9 @@
       }
     },
     "node_modules/@rc-component/mini-decimal": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.0.1.tgz",
-      "integrity": "sha512-9N8nRk0oKj1qJzANKl+n9eNSMUGsZtjwNuDCiZ/KA+dt1fE3zq5x2XxclRcAbOIXnZcJ53ozP2Pa60gyELXagA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
+      "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
       "dependencies": {
         "@babel/runtime": "^7.18.0"
       },
@@ -3112,9 +3138,9 @@
       }
     },
     "node_modules/@rc-component/trigger": {
-      "version": "1.13.3",
-      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-1.13.3.tgz",
-      "integrity": "sha512-CA4s8QGj2kagp8dmYRVcSIW5IErw/YBxSeFEsQmt6SB0oaj9pj+akkB6O0S/Y6ww5JrIDu9Bukq89se1oW9F3w==",
+      "version": "1.13.6",
+      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-1.13.6.tgz",
+      "integrity": "sha512-13aF9SrR5XAd+tyV/zja0A2pbrA/zdTCXRBNIsoLp8OmhVOnqiwjP7XZYPulLsH0ioEfvtXR1yI0anJD0/J7PQ==",
       "dependencies": {
         "@babel/runtime": "^7.18.3",
         "@rc-component/portal": "^1.1.0",
@@ -3122,7 +3148,7 @@
         "rc-align": "^4.0.0",
         "rc-motion": "^2.0.0",
         "rc-resize-observer": "^1.3.1",
-        "rc-util": "^5.31.1"
+        "rc-util": "^5.33.0"
       },
       "engines": {
         "node": ">=8.x"
@@ -4000,9 +4026,9 @@
       "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw=="
     },
     "node_modules/@types/react": {
-      "version": "18.0.32",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.32.tgz",
-      "integrity": "sha512-gYGXdtPQ9Cj0w2Fwqg5/ak6BcK3Z15YgjSqtyDizWUfx7mQ8drs0NBUzRRsAdoFVTO8kJ8L2TL8Skm7OFPnLUw==",
+      "version": "18.0.25",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.25.tgz",
+      "integrity": "sha512-xD6c0KDT4m7n9uD4ZHi02lzskaiqcBxf4zi+tXZY98a04wvc0hi/TcCPC2FOESZi51Nd7tlUeOJY8RofL799/g==",
       "dependencies": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -4010,9 +4036,9 @@
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.0.11",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.11.tgz",
-      "integrity": "sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==",
+      "version": "18.0.9",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.9.tgz",
+      "integrity": "sha512-qnVvHxASt/H7i+XG1U1xMiY5t+IHcPGUK7TDMDzom08xa7e86eCeKOiLZezwCKVxJn6NEiiy2ekgX8aQssjIKg==",
       "dependencies": {
         "@types/react": "*"
       }
@@ -5178,6 +5204,28 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/babel-plugin-styled-components": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.3.tgz",
+      "integrity": "sha512-jBioLwBVHpOMU4NsueH/ADcHrjS0Y/WTpt2eGVmmuSFNEv2DF3XhcMncuZlbbjxQ4vzxg+yEr6E6TNjrIQbsJQ==",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.18.6",
+        "@babel/helper-module-imports": "^7.21.4",
+        "babel-plugin-syntax-jsx": "^6.18.0",
+        "lodash": "^4.17.21",
+        "picomatch": "^2.3.1"
+      },
+      "peerDependencies": {
+        "styled-components": ">= 2"
+      }
+    },
+    "node_modules/babel-plugin-syntax-jsx": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
+      "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==",
+      "peer": true
+    },
     "node_modules/babel-plugin-transform-react-remove-prop-types": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz",
@@ -5499,6 +5547,15 @@
         "node": ">= 6"
       }
     },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
+      "peer": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/camera-controls": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/camera-controls/-/camera-controls-2.3.4.tgz",
@@ -6042,6 +6099,15 @@
         "postcss": "^8.4"
       }
     },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/css-declaration-sorter": {
       "version": "6.4.0",
       "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.0.tgz",
@@ -6223,6 +6289,17 @@
       "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
       "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w=="
     },
+    "node_modules/css-to-react-native": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
+      "peer": true,
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
     "node_modules/css-tree": {
       "version": "1.0.0-alpha.37",
       "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
@@ -8567,6 +8644,21 @@
         "he": "bin/he"
       }
     },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "peer": true,
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "peer": true
+    },
     "node_modules/hoopy": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz",
@@ -13266,9 +13358,9 @@
       }
     },
     "node_modules/rc-field-form": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.32.0.tgz",
-      "integrity": "sha512-vr5pA0/gWiBZf0HKdevQJcWSsAac10Z8Nj1Brs3OOCnExk7l+u8GtsW+4cRSqJLug5fxV11dOGXpxf7+aHT/2A==",
+      "version": "1.32.2",
+      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.32.2.tgz",
+      "integrity": "sha512-SzqG1YGyD2P42ztZJ7qoPQp6FV9bD51RUdKGG/5xwybU1wbFdgWTqiMXkS8UR9L4GwXVMKh5PaF2I4EBXd/Rng==",
       "dependencies": {
         "@babel/runtime": "^7.18.0",
         "async-validator": "^4.1.0",
@@ -13396,9 +13488,9 @@
       }
     },
     "node_modules/rc-overflow": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.3.0.tgz",
-      "integrity": "sha512-p2Qt4SWPTHAYl4oAao1THy669Fm5q8pYBDBHRaFOekCvcdcrgIx0ByXQMEkyPm8wUDX4BK6aARWecvCRc/7CTA==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.3.1.tgz",
+      "integrity": "sha512-RY0nVBlfP9CkxrpgaLlGzkSoh9JhjJLu6Icqs9E7CW6Ewh9s0peF9OHIex4OhfoPsR92LR0fN6BlCY9Z4VoUtA==",
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "classnames": "^2.2.1",
@@ -13460,9 +13552,9 @@
       }
     },
     "node_modules/rc-progress": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-3.4.1.tgz",
-      "integrity": "sha512-eAFDHXlk8aWpoXl0llrenPMt9qKHQXphxcVsnKs0FHC6eCSk1ebJtyaVjJUzKe0233ogiLDeEFK1Uihz3s67hw==",
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-3.4.2.tgz",
+      "integrity": "sha512-iAGhwWU+tsayP+Jkl9T4+6rHeQTG9kDz8JAHZk4XtQOcYN5fj9H34NXNEdRdZx94VUDHMqCb1yOIvi8eJRh67w==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.6",
@@ -13521,9 +13613,9 @@
       }
     },
     "node_modules/rc-select": {
-      "version": "14.5.1",
-      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.5.1.tgz",
-      "integrity": "sha512-RQ3yiguq6yJ+kbtip7/6RTq2hOotS/s00nyZL2nxyz5194C6uOtSB8Kgsw3c6ZXII1EDjuJX3zLI1pkxkNWyww==",
+      "version": "14.5.2",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.5.2.tgz",
+      "integrity": "sha512-Np/lDHvxCnVhVsheQjSV1I/OMJTWJf1n10wq8q1AGy3ytyYLfjNpi6uaz/pmjsbbiSddSWzJnNZCli9LmgBZsA==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/trigger": "^1.5.0",
@@ -13660,9 +13752,9 @@
       }
     },
     "node_modules/rc-tree": {
-      "version": "5.7.4",
-      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.7.4.tgz",
-      "integrity": "sha512-7VfDq4jma+6fvlzfDXvUJ34SaO2EWkcXGBmPgeFmVKsLNNXcKGl4cRAhs6Ts1zqnX994vu/hb3f1dyTjn43RFg==",
+      "version": "5.7.5",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.7.5.tgz",
+      "integrity": "sha512-iyM60rUdJh+KinxSjtZ40eox/DdjIwCUM4oBUoOLyrSwXsaoVZtpcVgWwZExjgHp4MSsn3FhVSntO/5c3aMbSQ==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "2.x",
@@ -13728,9 +13820,9 @@
       }
     },
     "node_modules/rc-util": {
-      "version": "5.32.4",
-      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.32.4.tgz",
-      "integrity": "sha512-LRQpfPjtLbN9BrNgU/evbQrhTLfHepJPSKbhHF2Nm1cnNeZkSqXCKDTDPjMXa1VavcnJA1iP39O8PB0+Rc216Q==",
+      "version": "5.33.1",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.33.1.tgz",
+      "integrity": "sha512-oMs2OIV/2lUCF8nllevzLccneyxAzdSOaHSs5y91qOLdqaLbIMsuL49C6/DhF/WKMqiAKEKGdVk2F1sB5HQe9A==",
       "dependencies": {
         "@babel/runtime": "^7.18.3",
         "react-is": "^16.12.0"
@@ -13764,13 +13856,11 @@
       }
     },
     "node_modules/react": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
-      "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.0.0.tgz",
+      "integrity": "sha512-x+VL6wbT4JRVPm7EGxXhZ8w8LTROaxPXOqhlGyVSrv0sB1jkyFGgXxJ8LVoPRLvPR6/CIZGFmfzqUa2NYeMr2A==",
       "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2"
+        "loose-envify": "^1.1.0"
       },
       "engines": {
         "node": ">=0.10.0"
@@ -13846,26 +13936,15 @@
       }
     },
     "node_modules/react-dom": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
-      "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.0.0.tgz",
+      "integrity": "sha512-XqX7uzmFo0pUceWFCt7Gff6IyIMzFUn7QMZrbrQfGxtaxXZIcGQzoNpRLE3fQLnS4XzLLPMZX2T9TRcSrasicw==",
       "dependencies": {
         "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2",
-        "scheduler": "^0.19.1"
+        "scheduler": "^0.21.0"
       },
       "peerDependencies": {
-        "react": "^16.14.0"
-      }
-    },
-    "node_modules/react-dom/node_modules/scheduler": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
-      "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1"
+        "react": "^18.0.0"
       }
     },
     "node_modules/react-error-overlay": {
@@ -14272,6 +14351,67 @@
         "node": ">=10"
       }
     },
+    "node_modules/rete": {
+      "version": "2.0.0-beta.9",
+      "resolved": "https://registry.npmjs.org/rete/-/rete-2.0.0-beta.9.tgz",
+      "integrity": "sha512-tmQk0UIjG2qmCamT58Kg8kQQq30/Nal1zr2uqX4mH2L9rZKCUBAL2dWZ160FoRbfTzWr0oFP/7PYhWrYwhkWDA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@babel/runtime": "^7.21.0"
+      }
+    },
+    "node_modules/rete-area-plugin": {
+      "version": "2.0.0-beta.12",
+      "resolved": "https://registry.npmjs.org/rete-area-plugin/-/rete-area-plugin-2.0.0-beta.12.tgz",
+      "integrity": "sha512-F4JLAmCIKCrPr+HinR651cHfyocALZsF7ORRdOXTBMbsyvlRn0KsOz8HsR8t9+AQbcMb45YXFKO+7QG4WvZQ6w==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0"
+      },
+      "peerDependencies": {
+        "rete": "^2.0.0-beta.9"
+      }
+    },
+    "node_modules/rete-connection-plugin": {
+      "version": "2.0.0-beta.16",
+      "resolved": "https://registry.npmjs.org/rete-connection-plugin/-/rete-connection-plugin-2.0.0-beta.16.tgz",
+      "integrity": "sha512-jniCW/Mt4gPey46eK9or5aguHf8DSbSZa7fUzzRxpnnmO3MpMXoDj8AKjfoKSR24PXK3Xz1prjAg8OEP7YXRDQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0"
+      },
+      "peerDependencies": {
+        "rete": "^2.0.0-beta.9",
+        "rete-area-plugin": "^2.0.0-beta.12"
+      }
+    },
+    "node_modules/rete-react-render-plugin": {
+      "version": "2.0.0-beta.22",
+      "resolved": "https://registry.npmjs.org/rete-react-render-plugin/-/rete-react-render-plugin-2.0.0-beta.22.tgz",
+      "integrity": "sha512-Tcqk6sQMqD8p6+bssarNczZT+MnLv9M1WngmZrfsJ36C1jFckR2A1rmJhqSmXiIE00wcmvBeXblKTHqdFln/Kw==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "usehooks-ts": "^2.9.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.6 || ^17 || ^18",
+        "react-dom": "^16.8.6 || ^17 || ^18",
+        "rete": "^2.0.0-beta.9",
+        "rete-area-plugin": "^2.0.0-beta.12",
+        "rete-render-utils": "^2.0.0-beta.12",
+        "styled-components": "^5.3.6"
+      }
+    },
+    "node_modules/rete-render-utils": {
+      "version": "2.0.0-beta.12",
+      "resolved": "https://registry.npmjs.org/rete-render-utils/-/rete-render-utils-2.0.0-beta.12.tgz",
+      "integrity": "sha512-aRXyGQbF9Y9zIg/TuXFXrz+AVj74FLGGONdF/12okPqwm30aUXA3YakdHONfiaxRi/Ibvmrq7nLI+3wU64K4Xw==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0"
+      },
+      "peerDependencies": {
+        "rete": "^2.0.0-beta.9",
+        "rete-area-plugin": "^2.0.0-beta.12"
+      }
+    },
     "node_modules/retry": {
       "version": "0.13.1",
       "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
@@ -14687,6 +14827,12 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==",
+      "peer": true
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -15112,6 +15258,57 @@
         "webpack": "^5.0.0"
       }
     },
+    "node_modules/styled-components": {
+      "version": "5.3.11",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.11.tgz",
+      "integrity": "sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@babel/traverse": "^7.4.5",
+        "@emotion/is-prop-valid": "^1.1.0",
+        "@emotion/stylis": "^0.8.4",
+        "@emotion/unitless": "^0.7.4",
+        "babel-plugin-styled-components": ">= 1.12.0",
+        "css-to-react-native": "^3.0.0",
+        "hoist-non-react-statics": "^3.0.0",
+        "shallowequal": "^1.1.0",
+        "supports-color": "^5.5.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/styled-components"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0",
+        "react-dom": ">= 16.8.0",
+        "react-is": ">= 16.8.0"
+      }
+    },
+    "node_modules/styled-components/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/styled-components/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/stylehacks": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz",
@@ -15985,6 +16182,19 @@
         "requires-port": "^1.0.0"
       }
     },
+    "node_modules/usehooks-ts": {
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/usehooks-ts/-/usehooks-ts-2.9.1.tgz",
+      "integrity": "sha512-2FAuSIGHlY+apM9FVlj8/oNhd+1y+Uwv5QNkMQz1oSfdHk4PXo1qoCw9I5M7j0vpH8CSWFJwXbVPeYDjLCx9PA==",
+      "engines": {
+        "node": ">=16.15.0",
+        "npm": ">=8"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0  || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",

asp-review-app/ui/package.json

@@ -12,8 +12,8 @@
     "@testing-library/user-event": "^13.2.1",
     "@types/jest": "^27.0.1",
     "@types/node": "^16.7.13",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "18.0.25",
+    "@types/react-dom": "18.0.9",
     "antd": "^5.5.2",
     "babel-jest": "^27.4.2",
     "babel-loader": "^8.2.3",
@@ -50,16 +50,21 @@
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.0.1",
     "prompts": "^2.4.2",
-    "react": "^16.12.0",
+    "react": "18.0.0",
     "react-app-polyfill": "^3.0.0",
     "react-dev-utils": "^12.0.1",
-    "react-dom": "^16.12.0",
+    "react-dom": "18.0.0",
     "react-i18next": "^12.2.0",
     "react-refresh": "^0.11.0",
     "react-router-dom": "^6.11.2",
     "react-three-fiber": "^6.0.13",
     "resolve": "^1.20.0",
     "resolve-url-loader": "^4.0.0",
+    "rete": "2.0.0-beta.9",
+    "rete-area-plugin": "2.0.0-beta.12",
+    "rete-connection-plugin": "2.0.0-beta.16",
+    "rete-react-render-plugin": "2.0.0-beta.22",
+    "rete-render-utils": "2.0.0-beta.12",
     "sass-loader": "^12.3.0",
     "semver": "^7.3.5",
     "sort-by": "^1.2.0",

asp-review-app/ui/src/App.css

@@ -6,7 +6,39 @@
  
 
 .root{
+  overflow-y: hidden;
+}
+.centeredDiv{
+  width: 100vw;
   display: flex;
+  justify-content: center;
+}
+.projects-container{
+  width: 100%;
+  background-color: aliceblue;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  align-items: center;
+  overflow-y:hidden;
+}
+.centeredContainer{
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  align-items: center;
+}
+label {
+  background-color: indigo;
+  color: white;
+  padding: 0.5rem;
+  font-family: sans-serif;
+  border-radius: 0.3rem;
+  cursor: pointer;
+  margin-top: 1rem;
 }
 
- 
+#file-chosen{
+  margin-left: 0.3rem;
+  font-family: sans-serif;
+}

asp-review-app/ui/src/core/repository/http_repository.ts

@@ -5,7 +5,8 @@ export enum HttpMethod {
 export enum HttpRoute{
     insertionPath = '/assembly/preview/insertion_sequence/',
     assemblyPreviewPath = '/assembly/preview/subsequence/',
-    projects = '/assembly/preview'
+    projects = '/assembly/preview',
+    createProject = '/assembly/create',
 }
 export class HttpRepository {
     static server = 'http://localhost:3002'
@@ -19,4 +20,14 @@ export class HttpRepository {
         }
         return (await fetch(this.server + url, reqInit)).json()
     }
+    static async request<T>(method: HttpMethod, url: string, data?: any):Promise<T> {
+        const reqInit = {
+            'body': data,
+            'method': method,
+        }
+        if (data !== undefined) {
+            reqInit['body'] = data
+        }
+        return (await fetch(this.server + url, reqInit)).json()
+    }
 }

asp-review-app/ui/src/features/all_project/all_project_screen.tsx

@@ -6,7 +6,28 @@ import {
   HttpRoute,
 } from "../../core/repository/http_repository";
 import { Button } from "antd";
-export const ProjectsPath = '/'
+import { Typography } from "antd";
+import { Card } from "antd";
+import { createProjectRoute } from "../create_project/create_project";
+import { useNavigate } from "react-router-dom";
+
+const { Text, Link, Title } = Typography;
+function LinkCreateProjectPage() {
+  const navigate = useNavigate();
+
+  return (
+    <Link
+      style={{ paddingLeft: "10px" }}
+      onClick={() => {
+        navigate(createProjectRoute);
+      }}
+    >
+      <> add new project?</>
+    </Link>
+  );
+}
+
+export const ProjectsPath = "/";
 export const ProjectScreen: React.FunctionComponent = () => {
   const [projects, setProjects] = useState<Array<String>>([]);
 
@@ -22,18 +43,36 @@ export const ProjectScreen: React.FunctionComponent = () => {
     fetchData();
   }, []);
   return (
-    <div>
-      <div>Projects</div>
+    <>
+      <div className="centeredDiv">
+        <Title>Projects</Title>
+      </div>
       <div>
+        {projects.length === 0 ? (
+          <div className="centeredDiv">
+            <Text>Not found projects</Text>
+
+            <div>
+              <LinkCreateProjectPage />
+            </div>
+          </div>
+        ) : (
+          <div></div>
+        )}
+      </div>
+      <div className="projects-container">
         {projects.map((el) => {
           return (
             <>
-              <div>{el}</div> <Button> Preview insert Path </Button>
-              <Button>Preview assembly logical </Button>{" "}
+              <Card style={{ width: 300 }}>
+                <div>{el}</div> <Button> Preview insert Path </Button>
+                <Button>Preview assembly logical </Button>
+              </Card>
             </>
           );
         })}
+        <div> {projects.length === 0 ? <></> : <LinkCreateProjectPage />} </div>
       </div>
-    </div>
+    </>
   );
 };

asp-review-app/ui/src/features/create_project/create_project.tsx

@@ -0,0 +1,68 @@
+import { Spin, Typography } from "antd";
+import * as React from "react";
+import {
+  HttpMethod,
+  HttpRepository,
+  HttpRoute,
+} from "../../core/repository/http_repository";
+
+const { Title } = Typography;
+
+export const createProjectRoute = "/new_project";
+
+const UploadButton = () => {
+  const [isLoading, setLoading] = React.useState<boolean>(false);
+
+  const handleImageChange = function (e: React.ChangeEvent<HTMLInputElement>) {
+    const fileList = e.target.files;
+
+    if (!fileList) return;
+
+    let file = fileList[0] as File;
+    uploadFile(file);
+  };
+
+  const uploadFile = async (file: File) => {
+    if (file) {
+      const formData = new FormData();
+      formData.append("image", file, file.name);
+      setLoading(true);
+      await HttpRepository.request(
+        HttpMethod.POST,
+        HttpRoute.createProject,
+        formData
+      );
+      setLoading(false);
+    }
+  };
+  return isLoading ? (
+    <>
+      <Spin />
+    </>
+  ) : (
+    <label htmlFor="photo">
+      <input
+        accept="*/.FCStd"
+        style={{ display: "none" }}
+        id="photo"
+        name="photo"
+        type="file"
+        multiple={false}
+        onChange={handleImageChange}
+      />
+      Choose Cad file
+    </label>
+  );
+};
+export default function CreateProject() {
+  return (
+    <div className="centeredContainer">
+      <div className="centeredDiv">
+        <Title>Create new project</Title>
+      </div>
+      <div style={{ paddingTop: "10px" }}>
+        <UploadButton />
+      </div>
+    </div>
+  );
+}

asp-review-app/ui/src/index.tsx

@@ -14,7 +14,8 @@ import {
   AssemblyPreviewSubsequence,
   AssemblyPreviewSubsequencePath,
 } from "./features/assembly_preview_subsequence/assembly_preview_subsequence_screen";
-
+import CreateProject, { createProjectRoute } from "./features/create_project/create_project";
+ 
 const rootElement = document.getElementById("root");
 
 const router = createBrowserRouter([
@@ -22,6 +23,10 @@ const router = createBrowserRouter([
     path: ProjectsPath,
     element: <ProjectScreen />,
   },
+  {
+    path:createProjectRoute,
+    element:<CreateProject/>
+  },
   {
     path: AssemblyPreviewSubsequencePath + ":id",
     element: <AssemblyPreviewSubsequence />,

asp-review-app/ui/yarn.lock

@@ -23,9 +23,9 @@
     "@ctrl/tinycolor" "^3.4.0"
 
 "@ant-design/cssinjs@^1.9.1":
-  version "1.9.1"
-  resolved "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.9.1.tgz"
-  integrity sha512-CZt1vCMs/sY7RoacYuIkZwQmb8Bhp99ReNNE9Y8lnUzik8fmCdKAQA7ecvVOFwmNFdcBHga7ye/XIRrsbkiqWw==
+  version "1.10.1"
+  resolved "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.10.1.tgz"
+  integrity sha512-PSoJS8RMzn95ZRg007dJGr6AU0Zim/O+tTN0xmXmh9CkIl4y3wuOr2Zhehaj7s130wPSYDVvahf3DKT50w/Zhw==
   dependencies:
     "@babel/runtime" "^7.11.1"
     "@emotion/hash" "^0.8.0"
@@ -217,7 +217,7 @@
   dependencies:
     "@babel/types" "^7.21.0"
 
-"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.18.6", "@babel/helper-module-imports@^7.21.4":
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.18.6", "@babel/helper-module-imports@^7.21.4":
   version "7.21.4"
   resolved "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz"
   integrity sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==
@@ -1101,7 +1101,7 @@
     "@babel/parser" "^7.20.7"
     "@babel/types" "^7.20.7"
 
-"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4", "@babel/traverse@^7.7.2":
+"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4", "@babel/traverse@^7.4.5", "@babel/traverse@^7.7.2":
   version "7.21.4"
   resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.4.tgz"
   integrity sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==
@@ -1279,7 +1279,24 @@
   resolved "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz"
   integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
 
-"@emotion/unitless@^0.7.5":
+"@emotion/is-prop-valid@^1.1.0":
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz"
+  integrity sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==
+  dependencies:
+    "@emotion/memoize" "^0.8.1"
+
+"@emotion/memoize@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz"
+  integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
+
+"@emotion/stylis@^0.8.4":
+  version "0.8.5"
+  resolved "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz"
+  integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==
+
+"@emotion/unitless@^0.7.4", "@emotion/unitless@^0.7.5":
   version "0.7.5"
   resolved "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz"
   integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
@@ -1685,9 +1702,9 @@
     rc-util "^5.27.0"
 
 "@rc-component/mini-decimal@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.0.1.tgz"
-  integrity sha512-9N8nRk0oKj1qJzANKl+n9eNSMUGsZtjwNuDCiZ/KA+dt1fE3zq5x2XxclRcAbOIXnZcJ53ozP2Pa60gyELXagA==
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz"
+  integrity sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==
   dependencies:
     "@babel/runtime" "^7.18.0"
 
@@ -1721,9 +1738,9 @@
     rc-util "^5.24.4"
 
 "@rc-component/trigger@^1.0.4", "@rc-component/trigger@^1.13.0", "@rc-component/trigger@^1.3.6", "@rc-component/trigger@^1.5.0", "@rc-component/trigger@^1.7.0":
-  version "1.13.3"
-  resolved "https://registry.npmjs.org/@rc-component/trigger/-/trigger-1.13.3.tgz"
-  integrity sha512-CA4s8QGj2kagp8dmYRVcSIW5IErw/YBxSeFEsQmt6SB0oaj9pj+akkB6O0S/Y6ww5JrIDu9Bukq89se1oW9F3w==
+  version "1.13.6"
+  resolved "https://registry.npmjs.org/@rc-component/trigger/-/trigger-1.13.6.tgz"
+  integrity sha512-13aF9SrR5XAd+tyV/zja0A2pbrA/zdTCXRBNIsoLp8OmhVOnqiwjP7XZYPulLsH0ioEfvtXR1yI0anJD0/J7PQ==
   dependencies:
     "@babel/runtime" "^7.18.3"
     "@rc-component/portal" "^1.1.0"
@@ -1731,7 +1748,7 @@
     rc-align "^4.0.0"
     rc-motion "^2.0.0"
     rc-resize-observer "^1.3.1"
-    rc-util "^5.31.1"
+    rc-util "^5.33.0"
 
 "@react-spring/animated@~9.6.1":
   version "9.6.1"
@@ -2286,10 +2303,10 @@
   resolved "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz"
   integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
 
-"@types/react-dom@^18.0.0":
-  version "18.0.11"
-  resolved "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.11.tgz"
-  integrity sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==
+"@types/react-dom@^18.0.0", "@types/react-dom@18.0.9":
+  version "18.0.9"
+  resolved "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.9.tgz"
+  integrity sha512-qnVvHxASt/H7i+XG1U1xMiY5t+IHcPGUK7TDMDzom08xa7e86eCeKOiLZezwCKVxJn6NEiiy2ekgX8aQssjIKg==
   dependencies:
     "@types/react" "*"
 
@@ -2307,10 +2324,10 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^18.0.0":
-  version "18.0.32"
-  resolved "https://registry.npmjs.org/@types/react/-/react-18.0.32.tgz"
-  integrity sha512-gYGXdtPQ9Cj0w2Fwqg5/ak6BcK3Z15YgjSqtyDizWUfx7mQ8drs0NBUzRRsAdoFVTO8kJ8L2TL8Skm7OFPnLUw==
+"@types/react@*", "@types/react@18.0.25":
+  version "18.0.25"
+  resolved "https://registry.npmjs.org/@types/react/-/react-18.0.25.tgz"
+  integrity sha512-xD6c0KDT4m7n9uD4ZHi02lzskaiqcBxf4zi+tXZY98a04wvc0hi/TcCPC2FOESZi51Nd7tlUeOJY8RofL799/g==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -3142,6 +3159,22 @@ babel-plugin-polyfill-regenerator@^0.4.1:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.3.3"
 
+"babel-plugin-styled-components@>= 1.12.0":
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.3.tgz"
+  integrity sha512-jBioLwBVHpOMU4NsueH/ADcHrjS0Y/WTpt2eGVmmuSFNEv2DF3XhcMncuZlbbjxQ4vzxg+yEr6E6TNjrIQbsJQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.18.6"
+    "@babel/helper-module-imports" "^7.21.4"
+    babel-plugin-syntax-jsx "^6.18.0"
+    lodash "^4.17.21"
+    picomatch "^2.3.1"
+
+babel-plugin-syntax-jsx@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz"
+  integrity sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==
+
 babel-plugin-transform-react-remove-prop-types@^0.4.24:
   version "0.4.24"
   resolved "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz"
@@ -3370,6 +3403,11 @@ camelcase@^6.2.0, camelcase@^6.2.1:
   resolved "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
+camelize@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz"
+  integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
+
 camera-controls@^2.3.1:
   version "2.3.4"
   resolved "https://registry.npmjs.org/camera-controls/-/camera-controls-2.3.4.tgz"
@@ -3741,6 +3779,11 @@ css-blank-pseudo@^3.0.3:
   dependencies:
     postcss-selector-parser "^6.0.9"
 
+css-color-keywords@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz"
+  integrity sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==
+
 css-declaration-sorter@^6.3.1:
   version "6.4.0"
   resolved "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.0.tgz"
@@ -3810,6 +3853,15 @@ css-select@^4.1.3:
     domutils "^2.8.0"
     nth-check "^2.0.1"
 
+css-to-react-native@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz"
+  integrity sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==
+  dependencies:
+    camelize "^1.0.0"
+    css-color-keywords "^1.0.0"
+    postcss-value-parser "^4.0.2"
+
 css-tree@^1.1.2:
   version "1.1.3"
   resolved "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz"
@@ -5297,6 +5349,13 @@ he@^1.2.0:
   resolved "https://registry.npmjs.org/he/-/he-1.2.0.tgz"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
+hoist-non-react-statics@^3.0.0:
+  version "3.3.2"
+  resolved "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 hoopy@^0.1.4:
   version "0.1.4"
   resolved "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz"
@@ -7868,7 +7927,7 @@ postcss-unique-selectors@^5.1.1:
   dependencies:
     postcss-selector-parser "^6.0.5"
 
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
   version "4.2.0"
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
@@ -7957,7 +8016,7 @@ prompts@^2.0.1, prompts@^2.4.2:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.8.1:
+prop-types@^15.6.0, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -8120,9 +8179,9 @@ rc-dropdown@~4.1.0:
     rc-util "^5.17.0"
 
 rc-field-form@~1.32.0:
-  version "1.32.0"
-  resolved "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.32.0.tgz"
-  integrity sha512-vr5pA0/gWiBZf0HKdevQJcWSsAac10Z8Nj1Brs3OOCnExk7l+u8GtsW+4cRSqJLug5fxV11dOGXpxf7+aHT/2A==
+  version "1.32.2"
+  resolved "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.32.2.tgz"
+  integrity sha512-SzqG1YGyD2P42ztZJ7qoPQp6FV9bD51RUdKGG/5xwybU1wbFdgWTqiMXkS8UR9L4GwXVMKh5PaF2I4EBXd/Rng==
   dependencies:
     "@babel/runtime" "^7.18.0"
     async-validator "^4.1.0"
@@ -8204,9 +8263,9 @@ rc-notification@~5.0.4:
     rc-util "^5.20.1"
 
 rc-overflow@^1.0.0, rc-overflow@^1.2.8:
-  version "1.3.0"
-  resolved "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.3.0.tgz"
-  integrity sha512-p2Qt4SWPTHAYl4oAao1THy669Fm5q8pYBDBHRaFOekCvcdcrgIx0ByXQMEkyPm8wUDX4BK6aARWecvCRc/7CTA==
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.3.1.tgz"
+  integrity sha512-RY0nVBlfP9CkxrpgaLlGzkSoh9JhjJLu6Icqs9E7CW6Ewh9s0peF9OHIex4OhfoPsR92LR0fN6BlCY9Z4VoUtA==
   dependencies:
     "@babel/runtime" "^7.11.1"
     classnames "^2.2.1"
@@ -8232,9 +8291,9 @@ rc-picker@~3.7.4:
     rc-util "^5.30.0"
 
 rc-progress@~3.4.1:
-  version "3.4.1"
-  resolved "https://registry.npmjs.org/rc-progress/-/rc-progress-3.4.1.tgz"
-  integrity sha512-eAFDHXlk8aWpoXl0llrenPMt9qKHQXphxcVsnKs0FHC6eCSk1ebJtyaVjJUzKe0233ogiLDeEFK1Uihz3s67hw==
+  version "3.4.2"
+  resolved "https://registry.npmjs.org/rc-progress/-/rc-progress-3.4.2.tgz"
+  integrity sha512-iAGhwWU+tsayP+Jkl9T4+6rHeQTG9kDz8JAHZk4XtQOcYN5fj9H34NXNEdRdZx94VUDHMqCb1yOIvi8eJRh67w==
   dependencies:
     "@babel/runtime" "^7.10.1"
     classnames "^2.2.6"
@@ -8270,9 +8329,9 @@ rc-segmented@~2.2.0:
     rc-util "^5.17.0"
 
 rc-select@~14.5.0:
-  version "14.5.1"
-  resolved "https://registry.npmjs.org/rc-select/-/rc-select-14.5.1.tgz"
-  integrity sha512-RQ3yiguq6yJ+kbtip7/6RTq2hOotS/s00nyZL2nxyz5194C6uOtSB8Kgsw3c6ZXII1EDjuJX3zLI1pkxkNWyww==
+  version "14.5.2"
+  resolved "https://registry.npmjs.org/rc-select/-/rc-select-14.5.2.tgz"
+  integrity sha512-Np/lDHvxCnVhVsheQjSV1I/OMJTWJf1n10wq8q1AGy3ytyYLfjNpi6uaz/pmjsbbiSddSWzJnNZCli9LmgBZsA==
   dependencies:
     "@babel/runtime" "^7.10.1"
     "@rc-component/trigger" "^1.5.0"
@@ -8365,9 +8424,9 @@ rc-tree-select@~5.9.0:
     rc-util "^5.16.1"
 
 rc-tree@~5.7.0, rc-tree@~5.7.4:
-  version "5.7.4"
-  resolved "https://registry.npmjs.org/rc-tree/-/rc-tree-5.7.4.tgz"
-  integrity sha512-7VfDq4jma+6fvlzfDXvUJ34SaO2EWkcXGBmPgeFmVKsLNNXcKGl4cRAhs6Ts1zqnX994vu/hb3f1dyTjn43RFg==
+  version "5.7.5"
+  resolved "https://registry.npmjs.org/rc-tree/-/rc-tree-5.7.5.tgz"
+  integrity sha512-iyM60rUdJh+KinxSjtZ40eox/DdjIwCUM4oBUoOLyrSwXsaoVZtpcVgWwZExjgHp4MSsn3FhVSntO/5c3aMbSQ==
   dependencies:
     "@babel/runtime" "^7.10.1"
     classnames "2.x"
@@ -8395,10 +8454,10 @@ rc-upload@~4.3.0:
     classnames "^2.2.5"
     rc-util "^5.2.0"
 
-rc-util@^5.0.1, rc-util@^5.0.6, rc-util@^5.15.0, rc-util@^5.16.0, rc-util@^5.16.1, rc-util@^5.17.0, rc-util@^5.18.1, rc-util@^5.19.2, rc-util@^5.2.0, rc-util@^5.20.1, rc-util@^5.21.0, rc-util@^5.21.2, rc-util@^5.22.5, rc-util@^5.24.4, rc-util@^5.25.2, rc-util@^5.26.0, rc-util@^5.27.0, rc-util@^5.27.1, rc-util@^5.28.0, rc-util@^5.30.0, rc-util@^5.31.1, rc-util@^5.32.0, rc-util@^5.32.2, rc-util@^5.6.1:
-  version "5.32.4"
-  resolved "https://registry.npmjs.org/rc-util/-/rc-util-5.32.4.tgz"
-  integrity sha512-LRQpfPjtLbN9BrNgU/evbQrhTLfHepJPSKbhHF2Nm1cnNeZkSqXCKDTDPjMXa1VavcnJA1iP39O8PB0+Rc216Q==
+rc-util@^5.0.1, rc-util@^5.0.6, rc-util@^5.15.0, rc-util@^5.16.0, rc-util@^5.16.1, rc-util@^5.17.0, rc-util@^5.18.1, rc-util@^5.19.2, rc-util@^5.2.0, rc-util@^5.20.1, rc-util@^5.21.0, rc-util@^5.21.2, rc-util@^5.22.5, rc-util@^5.24.4, rc-util@^5.25.2, rc-util@^5.26.0, rc-util@^5.27.0, rc-util@^5.27.1, rc-util@^5.28.0, rc-util@^5.30.0, rc-util@^5.31.1, rc-util@^5.32.0, rc-util@^5.32.2, rc-util@^5.33.0, rc-util@^5.6.1:
+  version "5.33.1"
+  resolved "https://registry.npmjs.org/rc-util/-/rc-util-5.33.1.tgz"
+  integrity sha512-oMs2OIV/2lUCF8nllevzLccneyxAzdSOaHSs5y91qOLdqaLbIMsuL49C6/DhF/WKMqiAKEKGdVk2F1sB5HQe9A==
   dependencies:
     "@babel/runtime" "^7.18.3"
     react-is "^16.12.0"
@@ -8462,15 +8521,13 @@ react-dev-utils@^12.0.1:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
-react-dom@*, react-dom@^16.12.0, react-dom@^18.0.0, react-dom@>=16.0.0, react-dom@>=16.11.0, react-dom@>=16.13, react-dom@>=16.8, react-dom@>=16.9.0, react-dom@>=17.0, react-dom@>=18.0:
-  version "16.14.0"
-  resolved "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz"
-  integrity sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==
+react-dom@*, "react-dom@^16.8.0  || ^17.0.0 || ^18.0.0", "react-dom@^16.8.6 || ^17 || ^18", react-dom@^18.0.0, "react-dom@>= 16.8.0", react-dom@>=16.0.0, react-dom@>=16.11.0, react-dom@>=16.13, react-dom@>=16.8, react-dom@>=16.9.0, react-dom@>=17.0, react-dom@>=18.0, react-dom@18.0.0:
+  version "18.0.0"
+  resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.0.0.tgz"
+  integrity sha512-XqX7uzmFo0pUceWFCt7Gff6IyIMzFUn7QMZrbrQfGxtaxXZIcGQzoNpRLE3fQLnS4XzLLPMZX2T9TRcSrasicw==
   dependencies:
     loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
-    scheduler "^0.19.1"
+    scheduler "^0.21.0"
 
 react-error-overlay@^6.0.11:
   version "6.0.11"
@@ -8495,7 +8552,12 @@ react-is@^16.13.1:
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react-is@^17.0.1:
+react-is@^16.7.0:
+  version "16.13.1"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-is@^17.0.1, "react-is@>= 16.8.0":
   version "17.0.2"
   resolved "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
@@ -8552,14 +8614,12 @@ react-use-measure@^2.1.1:
   dependencies:
     debounce "^1.2.1"
 
-react@*, "react@^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0", react@^16.12.0, react@^16.14.0, "react@^16.8.0 || ^17 || ^18", "react@^16.8.0 || ^17.0.0 || ^18.0.0", react@^18.0.0, "react@>= 16.8.0", react@>=16.0.0, react@>=16.11.0, react@>=16.13, react@>=16.8, react@>=16.9.0, react@>=17.0, react@>=18.0:
-  version "16.14.0"
-  resolved "https://registry.npmjs.org/react/-/react-16.14.0.tgz"
-  integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
+react@*, "react@^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0  || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17 || ^18", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^16.8.6 || ^17 || ^18", react@^18.0.0, "react@>= 16.8.0", react@>=16.0.0, react@>=16.11.0, react@>=16.13, react@>=16.8, react@>=16.9.0, react@>=17.0, react@>=18.0, react@18.0.0:
+  version "18.0.0"
+  resolved "https://registry.npmjs.org/react/-/react-18.0.0.tgz"
+  integrity sha512-x+VL6wbT4JRVPm7EGxXhZ8w8LTROaxPXOqhlGyVSrv0sB1jkyFGgXxJ8LVoPRLvPR6/CIZGFmfzqUa2NYeMr2A==
   dependencies:
     loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
 
 read-cache@^1.0.0:
   version "1.0.0"
@@ -8766,6 +8826,42 @@ resolve@^2.0.0-next.4:
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
+rete-area-plugin@^2.0.0-beta.12, rete-area-plugin@2.0.0-beta.12:
+  version "2.0.0-beta.12"
+  resolved "https://registry.npmjs.org/rete-area-plugin/-/rete-area-plugin-2.0.0-beta.12.tgz"
+  integrity sha512-F4JLAmCIKCrPr+HinR651cHfyocALZsF7ORRdOXTBMbsyvlRn0KsOz8HsR8t9+AQbcMb45YXFKO+7QG4WvZQ6w==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+
+rete-connection-plugin@2.0.0-beta.16:
+  version "2.0.0-beta.16"
+  resolved "https://registry.npmjs.org/rete-connection-plugin/-/rete-connection-plugin-2.0.0-beta.16.tgz"
+  integrity sha512-jniCW/Mt4gPey46eK9or5aguHf8DSbSZa7fUzzRxpnnmO3MpMXoDj8AKjfoKSR24PXK3Xz1prjAg8OEP7YXRDQ==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+
+rete-react-render-plugin@2.0.0-beta.22:
+  version "2.0.0-beta.22"
+  resolved "https://registry.npmjs.org/rete-react-render-plugin/-/rete-react-render-plugin-2.0.0-beta.22.tgz"
+  integrity sha512-Tcqk6sQMqD8p6+bssarNczZT+MnLv9M1WngmZrfsJ36C1jFckR2A1rmJhqSmXiIE00wcmvBeXblKTHqdFln/Kw==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+    usehooks-ts "^2.9.1"
+
+rete-render-utils@^2.0.0-beta.12, rete-render-utils@2.0.0-beta.12:
+  version "2.0.0-beta.12"
+  resolved "https://registry.npmjs.org/rete-render-utils/-/rete-render-utils-2.0.0-beta.12.tgz"
+  integrity sha512-aRXyGQbF9Y9zIg/TuXFXrz+AVj74FLGGONdF/12okPqwm30aUXA3YakdHONfiaxRi/Ibvmrq7nLI+3wU64K4Xw==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+
+rete@^2.0.0-beta.9, rete@2.0.0-beta.9:
+  version "2.0.0-beta.9"
+  resolved "https://registry.npmjs.org/rete/-/rete-2.0.0-beta.9.tgz"
+  integrity sha512-tmQk0UIjG2qmCamT58Kg8kQQq30/Nal1zr2uqX4mH2L9rZKCUBAL2dWZ160FoRbfTzWr0oFP/7PYhWrYwhkWDA==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+
 retry@^0.13.1:
   version "0.13.1"
   resolved "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz"
@@ -8861,14 +8957,6 @@ saxes@^5.0.1:
   dependencies:
     xmlchars "^2.2.0"
 
-scheduler@^0.19.1:
-  version "0.19.1"
-  resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz"
-  integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-
 scheduler@^0.21.0:
   version "0.21.0"
   resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.21.0.tgz"
@@ -9025,6 +9113,11 @@ setprototypeof@1.2.0:
   resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz"
   integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
 
+shallowequal@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz"
+  integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==
+
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz"
@@ -9373,6 +9466,22 @@ style-loader@^3.3.1:
   resolved "https://registry.npmjs.org/style-loader/-/style-loader-3.3.2.tgz"
   integrity sha512-RHs/vcrKdQK8wZliteNK4NKzxvLBzpuHMqYmUVWeKa6MkaIQ97ZTOS0b+zapZhy6GcrgWnvWYCMHRirC3FsUmw==
 
+styled-components@^5.3.6, "styled-components@>= 2":
+  version "5.3.11"
+  resolved "https://registry.npmjs.org/styled-components/-/styled-components-5.3.11.tgz"
+  integrity sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/traverse" "^7.4.5"
+    "@emotion/is-prop-valid" "^1.1.0"
+    "@emotion/stylis" "^0.8.4"
+    "@emotion/unitless" "^0.7.4"
+    babel-plugin-styled-components ">= 1.12.0"
+    css-to-react-native "^3.0.0"
+    hoist-non-react-statics "^3.0.0"
+    shallowequal "^1.1.0"
+    supports-color "^5.5.0"
+
 stylehacks@^5.1.1:
   version "5.1.1"
   resolved "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz"
@@ -9405,6 +9514,13 @@ supports-color@^5.3.0:
   dependencies:
     has-flag "^3.0.0"
 
+supports-color@^5.5.0:
+  version "5.5.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
 supports-color@^7.0.0, supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
@@ -9897,6 +10013,11 @@ url-parse@^1.5.3:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
+usehooks-ts@^2.9.1:
+  version "2.9.1"
+  resolved "https://registry.npmjs.org/usehooks-ts/-/usehooks-ts-2.9.1.tgz"
+  integrity sha512-2FAuSIGHlY+apM9FVlj8/oNhd+1y+Uwv5QNkMQz1oSfdHk4PXo1qoCw9I5M7j0vpH8CSWFJwXbVPeYDjLCx9PA==
+
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz"