feat: modules and module-editor pages

src/app/module-editor/[moduleId]/components/shared/DefaultAttributeValueInput/DefaultAttributeValueInput.tsx

@@ -0,0 +1,90 @@
+import { Checkbox, NumberInput, TextInput } from "@mantine/core";
+import { DatePickerInput, DateTimePicker } from "@mantine/dates";
+import { UseFormReturnType } from "@mantine/form";
+import { UpdateAttributeSchema } from "@/lib/client";
+
+type Props = {
+    form: UseFormReturnType<Partial<UpdateAttributeSchema>>;
+};
+
+const DefaultAttributeValueInput = ({ form }: Props) => {
+    const type = form.values.type?.type;
+    const label = "Значение по умолчанию";
+    const inputName = "defaultValue";
+
+    const value = form.getValues().defaultValue?.value;
+
+    if (type === "bool") {
+        return (
+            <Checkbox
+                label={label}
+                {...form.getInputProps(inputName, { type: "checkbox" })}
+                checked={value as boolean}
+                onChange={e =>
+                    form.setFieldValue("defaultValue", {
+                        value: e.currentTarget.checked,
+                    })
+                }
+            />
+        );
+    } else if (type === "date") {
+        return (
+            <DatePickerInput
+                label={label}
+                {...form.getInputProps(inputName)}
+                value={
+                    form.values.defaultValue?.value
+                        ? new Date(String(form.values.defaultValue.value))
+                        : null
+                }
+                onChange={value =>
+                    form.setFieldValue("defaultValue", { value })
+                }
+                clearable
+                locale={"ru"}
+                valueFormat={"DD.MM.YYYY"}
+            />
+        );
+    } else if (type === "datetime") {
+        return (
+            <DateTimePicker
+                label={label}
+                {...form.getInputProps(inputName)}
+                value={
+                    form.values.defaultValue?.value
+                        ? new Date(String(form.values.defaultValue.value))
+                        : null
+                }
+                onChange={value =>
+                    form.setFieldValue("defaultValue", { value })
+                }
+                clearable
+                locale={"ru"}
+                valueFormat={"DD.MM.YYYY HH:mm"}
+            />
+        );
+    } else if (type === "str") {
+        return (
+            <TextInput
+                label={label}
+                {...form.getInputProps(inputName)}
+            />
+        );
+    } else if (type === "int" || type === "float") {
+        return (
+            <NumberInput
+                allowDecimal={type === "float"}
+                label={label}
+                {...form.getInputProps(inputName)}
+                value={Number(form.values.defaultValue?.value)}
+                onChange={value =>
+                    form.setFieldValue("defaultValue", { value: Number(value) })
+                }
+            />
+        );
+    }
+
+    return <></>;
+};
+
+export default DefaultAttributeValueInput;