public commit

app/src/ui/modules/data/components/schema/create-modal/CreateModal.tsx

@@ -0,0 +1,114 @@
+import { type Static, StringEnum, StringIdentifier, Type, transformObject } from "core/utils";
+import { FieldClassMap } from "data";
+import { entitiesSchema, fieldsSchema, relationsSchema } from "data/data-schema";
+import { omit } from "lodash-es";
+import { forwardRef, useState } from "react";
+import {
+   Modal2,
+   type Modal2Ref,
+   ModalBody,
+   ModalFooter,
+   ModalTitle
+} from "ui/components/modal/Modal2";
+import { Step, Steps, useStepContext } from "ui/components/steps/Steps";
+import { StepCreate } from "ui/modules/data/components/schema/create-modal/step.create";
+import { StepEntity } from "./step.entity";
+import { StepEntityFields } from "./step.entity.fields";
+import { StepRelation } from "./step.relation";
+import { StepSelect } from "./step.select";
+import Templates from "./templates/register";
+
+export type CreateModalRef = Modal2Ref;
+
+export const ModalActions = ["entity", "relation", "media"] as const;
+
+export const entitySchema = Type.Composite([
+   Type.Object({
+      name: StringIdentifier
+   }),
+   entitiesSchema
+]);
+
+const schemaAction = Type.Union([
+   StringEnum(["entity", "relation", "media"]),
+   Type.String({ pattern: "^template-" })
+]);
+export type TSchemaAction = Static<typeof schemaAction>;
+
+const createFieldSchema = Type.Object({
+   entity: StringIdentifier,
+   name: StringIdentifier,
+   field: Type.Array(fieldsSchema)
+});
+export type TFieldCreate = Static<typeof createFieldSchema>;
+
+const createModalSchema = Type.Object(
+   {
+      action: schemaAction,
+      entities: Type.Optional(
+         Type.Object({
+            create: Type.Optional(Type.Array(entitySchema))
+         })
+      ),
+      relations: Type.Optional(
+         Type.Object({
+            create: Type.Optional(Type.Array(Type.Union(relationsSchema)))
+         })
+      ),
+      fields: Type.Optional(
+         Type.Object({
+            create: Type.Optional(Type.Array(createFieldSchema))
+         })
+      )
+   },
+   {
+      additionalProperties: false
+   }
+);
+export type TCreateModalSchema = Static<typeof createModalSchema>;
+
+export const CreateModal = forwardRef<CreateModalRef>(function CreateModal(props, ref) {
+   const [path, setPath] = useState<string[]>([]);
+
+   function close() {
+      // @ts-ignore
+      ref?.current?.close();
+   }
+
+   return (
+      <Modal2 ref={ref}>
+         <Steps path={path} lastBack={close}>
+            <Step id="select">
+               <ModalTitle path={["Create New"]} onClose={close} />
+               <StepSelect />
+            </Step>
+            <Step id="entity" path={["action"]}>
+               <ModalTitle path={["Create New", "Entity"]} onClose={close} />
+               <StepEntity />
+            </Step>
+            <Step id="entity-fields" path={["action", "entity"]}>
+               <ModalTitle path={["Create New", "Entity", "Fields"]} onClose={close} />
+               <StepEntityFields />
+            </Step>
+            <Step id="relation" path={["action"]}>
+               <ModalTitle path={["Create New", "Relation"]} onClose={close} />
+               <StepRelation />
+            </Step>
+            <Step id="create" path={["action"]}>
+               <ModalTitle path={["Create New", "Creation"]} onClose={close} />
+               <StepCreate />
+            </Step>
+
+            {/* Templates */}
+            {Templates.map(([Component, meta]) => (
+               <Step key={meta.id} id={meta.id} path={["action"]}>
+                  <ModalTitle path={["Create New", "Template", meta.title]} onClose={close} />
+                  <Component />
+               </Step>
+            ))}
+         </Steps>
+      </Modal2>
+   );
+});
+
+export { ModalBody, ModalFooter, ModalTitle, useStepContext, relationsSchema };