diff --git a/www/src/components/SideDrawer/Form/index.tsx b/www/src/components/SideDrawer/Form/index.tsx
index a5fc04a4..5995b8be 100644
--- a/www/src/components/SideDrawer/Form/index.tsx
+++ b/www/src/components/SideDrawer/Form/index.tsx
@@ -31,9 +31,9 @@ export default function Form({ values }: IFormProps) {
// Get initial values from fields config
const initialValues = fields.reduce(
- (a, { key, type }) => ({
+ (a, { key, type,config }) => ({
...a,
- [key]: getFieldProp("initialValue", type),
+ [key]:config.initialValue?? getFieldProp("initialValue", type),
}),
{}
);
diff --git a/www/src/components/Table/ColumnMenu/Settings/InitialValueInput.tsx b/www/src/components/Table/ColumnMenu/Settings/InitialValueInput.tsx
new file mode 100644
index 00000000..364181f0
--- /dev/null
+++ b/www/src/components/Table/ColumnMenu/Settings/InitialValueInput.tsx
@@ -0,0 +1,68 @@
+import React from "react";
+import SettingsHeading from "./SettingsHeading";
+import {
+ Typography,
+ } from "@material-ui/core";
+import { getFieldProp } from "components/fields";
+//import { useForm } from "react-hook-form";
+import Paper from '@material-ui/core/Paper';
+import Tabs from '@material-ui/core/Tabs';
+import Tab from '@material-ui/core/Tab';
+import CodeEditor from 'components/CodeEditor';
+const InitialValueInput =({config,handleChange,fieldType})=>{
+
+ const customFieldInput = getFieldProp("SideDrawerField", fieldType);
+
+ const [tab, setTab] = React.useState(1);
+
+ const handleChangeTable = (event: React.ChangeEvent<{}>, newValue: number) => {
+ setTab(newValue);
+
+ };
+
+
+
+
+ return <>
+ Default value
+
+ The default value will be the initial value of the cells, whenever a
+ new row is added.
+
+
+
+
+
+
+
+
+
+ {/* <>render field component here */}
+ {/* {customFieldInput &&
+ } */}
+
+}
+
+export default InitialValueInput
\ No newline at end of file
diff --git a/www/src/components/Table/ColumnMenu/Settings/index.tsx b/www/src/components/Table/ColumnMenu/Settings/index.tsx
index 1bd4202d..ec3f0694 100644
--- a/www/src/components/Table/ColumnMenu/Settings/index.tsx
+++ b/www/src/components/Table/ColumnMenu/Settings/index.tsx
@@ -17,6 +17,7 @@ import OptionsInput from "./ConfigFields/OptionsInput";
import _sortBy from "lodash/sortBy";
import { getFieldProp } from "components/fields";
import SettingsHeading from "./SettingsHeading";
+import InitialValueInput from "./InitialValueInput"
const ConfigFields = ({ fieldType, config, handleChange }) => {
switch (fieldType) {
case FieldType.longText:
@@ -137,6 +138,10 @@ export default function FormDialog({
}) {
const [newConfig, setNewConfig] = useState(config ?? {});
const customFieldSettings = getFieldProp("settings", type);
+ const initializable = getFieldProp("initializable", type);
+ const handleChange = (key) => (update) => {
+ setNewConfig({ ...newConfig, [key]: update });
+ }
return (