setUiSchema

johannesloetzsch · johannesloetzsch · commit 3fae0efebb64 · 2023-08-30T21:03:27.000+02:00
diff --git a/packages/edit-form/features/form/Form.tsx b/packages/edit-form/features/form/Form.tsx
@@ -1,10 +1,7 @@
 import { useCallback } from 'react';
-
 import { JsonForms } from '@jsonforms/react';
-import schema from '../table/example-jsonschema.json';
-
 import { useAppSelector, selectData, selectEditorState, useAppDispatch, setRowData } from 'state';
-import { selectJsonSchema } from 'project-state';
+import { selectJsonSchema, selectUiSchema } from 'project-state';
 
 import {
   materialRenderers,
@@ -14,6 +11,7 @@ import {
 
 export function Form() {
   const schema = useAppSelector(selectJsonSchema);
+  const uiSchema = useAppSelector(selectUiSchema);
   const tableData = useAppSelector(selectData);
   // @ts-ignore
   const { selectedRows } = useAppSelector(selectEditorState);
@@ -33,6 +31,7 @@ export function Form() {
       renderers={materialRenderers}
       cells={materialCells}
       schema={schema}
+      uischema={uiSchema}
       data={rowData}
       onChange={onChange}
     />
diff --git a/packages/project-state/features/slices/schemaSlice.ts b/packages/project-state/features/slices/schemaSlice.ts
@@ -1,10 +1,10 @@
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 import { RootState } from "../state/store";
-import { JsonSchema } from '@jsonforms/core'
+import { JsonSchema, UISchemaElement } from '@jsonforms/core'
 
 export interface SchemaState {
   jsonSchema?: JsonSchema
-  uiSchema?: any
+  uiSchema?: UISchemaElement
 }
 
 const initialState: SchemaState = {
@@ -18,6 +18,12 @@ export const schemaSlice = createSlice({
   reducers: {
     setJsonSchema: (state: SchemaState, action: PayloadAction<JsonSchema>) => {
       state.jsonSchema = action.payload;
+    },
+    setUiSchema: (state: SchemaState, action: PayloadAction<UISchemaElement>) => {
+      state.uiSchema = action.payload;
+    },
+    setSchemaState: (state: SchemaState, action: PayloadAction<SchemaState>) => {
+      state = {...state, ...action.payload};
     }
   }
 });
