Fixed PR reviews, added transformation store

www/package.json

@@ -14,7 +14,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.0.0",
     "@fortawesome/react-fontawesome": "^0.1.17",
     "@material-ui/styles": "^4.11.4",
-    "@monaco-editor/react": "^4.4.6",
+    "@monaco-editor/react": "4.4.6",
     "@mui/icons-material": "^5.0.5",
     "@mui/material": "^5.0.6",
     "@testing-library/jest-dom": "^5.11.4",

www/src/models/index.ts

@@ -64,7 +64,8 @@ export function useStores(): IStore {
 
 export type { Property, DataType } from "./ontology/Property";
 export type { SMEdge, SMNode } from "./sm/SMGraph";
-export type { Table, TransformTable, TableRow } from "./table";
+export type { Table, TableRow } from "./table";
+export type {TransformationTable} from "./transformationTable";
 export {
   ProjectStore,
   TableStore,

www/src/models/table/Table.ts

@@ -14,13 +14,6 @@ export interface Table extends Record<number> {
   contextHierarchy: ContentHierarchy[];
 }
 
-export interface TransformTable extends Record<number> {
-  path: number;
-  value: string;
-  ok: string;
-  error: string;
-}
-
 export class TableRow implements Record<number> {
   id: number;
   table: number;

www/src/models/transformationTable/TransformationStore.ts

@@ -0,0 +1,27 @@
+import { RStore } from "gena-app";
+import { SERVER } from "../../env";
+import {TransformationTable} from "./TransformationTable";
+import axios from "axios";
+
+
+export class TPayload {
+    public type?: string;
+    public mode?: string;
+    public datapath?: string[];
+    public code?: string | undefined;
+    public outputpath?: string[] | undefined;
+    public tolerance?: number;
+    public rows?: number;
+  }
+
+const filterErrorMessage = (errorMessage: string) => {
+  return errorMessage.split(':').splice(1).join(':').trim();
+}
+
+export async function postData(id : number, payload: TPayload) : Promise<TransformationTable[]|undefined> {
+  let resp: any = await axios
+    .post(`${SERVER}/api/transform/1/transformations`, payload)
+    .then((res) => res.data)
+    .catch((error) => filterErrorMessage(error.response.data.message));
+  return resp;
+};

www/src/models/transformationTable/TransformationTable.ts

@@ -0,0 +1,8 @@
+import { Record } from "gena-app";
+
+export interface TransformationTable extends Record<number> {
+    path: number;
+    value: string;
+    ok: string;
+    error: string;
+  }

www/src/models/transformationTable/index.ts

@@ -0,0 +1,3 @@
+export * from "./TransformationStore";
+export * from "./TransformationTable"
+

www/src/pages/table/MenuBar.tsx

@@ -75,7 +75,7 @@ export const MenuBar = observer(
     }
 
     const sm = semanticmodel.sms[semanticmodel.index];
-
+    const tableId = routes.table.useURLParams()!.tableId;
     const funcs = {
       saveModel: () => {
         if (SemanticModel.isDraft(sm)) {
@@ -120,7 +120,7 @@ export const MenuBar = observer(
         openForm({ type: "node", sm });
       },
       openAddEdgeForm: () => openForm({ type: "edge", sm }),
-      openTransformFrom: () => openForm({type: "transform"}),
+      openTransformationFrom: () => openForm({type: "transformation", tableId: tableId}),
       predict: () => {
         assistantService.predict(table).then(() => {
           tableRef.current?.reload();
@@ -262,15 +262,15 @@ export const MenuBar = observer(
           <Button size="small" onClick={graphRef.current?.recenter}>
             Center graph (C)
           </Button>
+          <Button size="small" onClick={funcs.openTransformationFrom}>
+            Add Transformation
+          </Button>
           <Button size="small" onClick={funcs.openAddNodeForm}>
             Add node
           </Button>
           <Button size="small" onClick={funcs.openAddEdgeForm}>
             Add edge
           </Button>
-          <Button size="small" onClick={funcs.openTransformFrom}>
-            Transform
-          </Button>
           <Button size="small" onClick={funcs.predict}>
             Predict
           </Button>