2892_Edit_templates_in_admin_pages

client/package.json

@@ -12,14 +12,20 @@
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@geoman-io/leaflet-geoman-free": "^2.14.2",
+    "@ginkgo-bioworks/react-json-schema-form-builder": "2.8.0",
     "@json-editor/json-editor": "^2.8.0",
     "@material-table/core": "^6.1.15",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.60",
+    "@mui/material": "^5.15.14",
     "@orbat-mapper/convert-symbology": "^1.0.0",
+    "@rjsf/bootstrap-4": "^5.18.1",
+    "@rjsf/core": "^5.17.1",
+    "@rjsf/validator-ajv8": "^5.17.1",
     "@storybook/addon-essentials": "^8.0.10",
     "@storybook/addon-interactions": "^8.0.10",
+    "@storybook/addon-knobs": "^7.0.2",
     "@storybook/addon-links": "^8.0.10",
     "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
     "@storybook/preview-api": "^8.0.10",
@@ -38,6 +44,7 @@
     "@types/react-color": "^3.0.4",
     "@types/react-dom": "^16.9.8",
     "@types/react-flatpickr": "^3.8.4",
+    "@types/react-jsonschema-form": "^1.7.13",
     "@types/react-leaflet": "^2.5.1",
     "@types/react-maskedinput": "^4.0.4",
     "@types/react-modal": "^3.12.0",
@@ -46,6 +53,7 @@
     "@types/react-select": "^3.1.2",
     "@types/react-test-renderer": "^16.9.2",
     "@types/reactour": "^1.17.1",
+    "@types/reactstrap": "^8.7.2",
     "@types/sass": "^1.43.1",
     "@types/sortablejs": "^1.10.6",
     "@types/uniqid": "^5.2.0",
@@ -98,6 +106,7 @@
     "react-data-table-component": "7.4.5",
     "react-dom": "^16.12.0",
     "react-dropzone": "^10.1.5",
+    "react-error-boundary": "^4.0.13",
     "react-flatpickr": "^3.10.7",
     "react-fontawesome": "^1.7.1",
     "react-leaflet-geoman-v2": "1.0.1",
@@ -113,7 +122,7 @@
     "react-sortablejs": "^6.1.4",
     "react-test-renderer": "^16.12.0",
     "reactour": "^1.15.0",
-    "reactstrap": "^7.1.0",
+    "reactstrap": "^9.2.2",
     "redux": "^4.0.1",
     "redux-logger": "^3.0.6",
     "redux-mock-store": "^1.5.3",
@@ -138,7 +147,7 @@
     "typescript": "^4.8.0",
     "uniqid": "^5.0.3",
     "universal-router": "^8.1.0",
-    "vite": "^4.4.7",
+    "vite": "^5.2.12",
     "vite-plugin-babel-macros": "^1.0.6",
     "vite-plugin-checker": "^0.6.1",
     "vite-plugin-env-compatible": "^1.1.1",
@@ -155,6 +164,7 @@
     "@types/react-flatpickr": "^3.8.4"
   },
   "devDependencies": {
+    "@rjsf/utils": "^5.17.1",
     "@storybook/addon-actions": "^8.0.10",
     "@storybook/codemod": "^8.0.10",
     "@storybook/node-logger": "^8.0.10",

client/src/ActionsAndReducers/UmpireMenu/umpireMenu_ActionCreators.js

@@ -1,11 +1,11 @@
-import * as ActionConstant from 'src/config'
+// import * as ActionConstant from 'src/config'
 
-export const setSelectedSchema = (schemaId) => ({
-  type: ActionConstant.SET_SELECTED_SCHEMA,
-  payload: schemaId
-})
+// export const setSelectedSchema = (schemaId) => ({
+//   type: ActionConstant.SET_SELECTED_SCHEMA,
+//   payload: schemaId
+// })
 
-export const setPreviewSchema = (schema) => ({
-  type: ActionConstant.SET_PREVIEW_SCHEMA,
-  payload: schema
-})
+// export const setPreviewSchema = (schema) => ({
+//   type: ActionConstant.SET_PREVIEW_SCHEMA,
+//   payload: schema
+// })

client/src/ActionsAndReducers/UmpireMenu/umpireMenu_Reducer.js

@@ -1,4 +1,4 @@
-import * as ActionConstant from 'src/config'
+// import * as ActionConstant from 'src/config'
 import deepCopy from '../../Helpers/copyStateHelper.js'
 
 const initialState = {
@@ -10,13 +10,13 @@ export const umpireMenuReducer = (state = initialState, action) => {
   const newState = deepCopy(state)
 
   switch (action.type) {
-    case ActionConstant.SET_SELECTED_SCHEMA:
-      newState.selectedSchemaID = action.payload
-      return newState
+    // case ActionConstant.SET_SELECTED_SCHEMA:
+    //   newState.selectedSchemaID = action.payload
+    //   return newState
 
-    case ActionConstant.SET_PREVIEW_SCHEMA:
-      newState.previewSchema = action.payload
-      return newState
+    // case ActionConstant.SET_PREVIEW_SCHEMA:
+    //   newState.previewSchema = action.payload
+    //   return newState
 
     default:
       return newState