simplified-schema-form (

OperationClassification ui-cjs)

component that generates a form using react-with-native and a

SimplifiedSchema. Can obtain any JSON object from the user.

A

FormContainer is a simple container that can wrap your

SimplifiedSchemaForm

Recursive component that renders a form for a SimplifiedSchema

SimplifiedSchemaForm to give it a button that also sends when hitting enter on your keyboard. To achieve this, a <form> is created in this component.

Besides this, you can also add some texts, but styling is not possible to change for this component at this point (except for the form className). If you want a completely different style, it's probably better to build it yourself.

NB: TODO: There is a bug now where onSubmit gets called too often. Not sure how to fix this. Because of this, I'll simply remove the onSubmit action in the onsubmit for now, and prevent the default.

Recursive component that renders a form for a SimplifiedSchema

A

FormContainer is a simple container that can wrap your

SimplifiedSchemaForm

Recursive component that renders a form for a SimplifiedSchema

SimplifiedSchemaForm to give it a button that also sends when hitting enter on your keyboard. To achieve this, a <form> is created in this component.

Besides this, you can also add some texts, but styling is not possible to change for this component at this point (except for the form className). If you want a completely different style, it's probably better to build it yourself.

NB: TODO: There is a bug now where onSubmit gets called too often. Not sure how to fix this. Because of this, I'll simply remove the onSubmit action in the onsubmit for now, and prevent the default.

Recursive component that renders a form for a SimplifiedSchema

Hook to retreive ReferencableModelData to supply to

SimplifiedSchemaForm.

Underwater, this calculates all referencableModelNames for a schema, and then it fetches the ReferencableItem[] for every one of those models, using react-query useQuery hooks

NB: be careful, not to change the simplifiedSchema after using this hook for the first time. This will change the amount of hooks and this can break react!

(it will give Error: Rendered more hooks than during the previous render)

Hook to retreive ReferencableModelData to supply to

SimplifiedSchemaForm.

Underwater, this calculates all referencableModelNames for a schema, and then it fetches the ReferencableItem[] for every one of those models, using react-query useQuery hooks

NB: be careful, not to change the simplifiedSchema after using this hook for the first time. This will change the amount of hooks and this can break react!

(it will give Error: Rendered more hooks than during the previous render)

hook to create a form for a TsInterface

import { useTsInterfaceForm } from "simplified-schema-form";
import DatasetConfigJson from "code-types/db/ts-interfaces/datasetconfig.json";
import { DatasetConfig, TsInterface } from "code-types";
import { Storing } from "model-types";

in your component:
const initialValue:DatasetConfig = {} as any;
const [Form, value, onChange] = useTsInterfaceForm(DatasetConfigJson as Storing<TsInterface>,initialValue);

hook to create a form for a TsInterface

import { useTsInterfaceForm } from "simplified-schema-form";
import DatasetConfigJson from "code-types/db/ts-interfaces/datasetconfig.json";
import { DatasetConfig, TsInterface } from "code-types";
import { Storing } from "model-types";

in your component:
const initialValue:DatasetConfig = {} as any;
const [Form, value, onChange] = useTsInterfaceForm(DatasetConfigJson as Storing<TsInterface>,initialValue);

Show internal (13)

<ArrayForm />

Component to render a parameter that holds an array

This is simply a wrapper around another

SimplifiedSchemaForm

Recursive component that renders a form for a SimplifiedSchema

SimplifiedSchemaForm where the onChange and values are slightly different

This component renders a

SimplifiedSchemaForm

Recursive component that renders a form for a SimplifiedSchema

SimplifiedSchemaForm for every item in the array, and adds buttons to insert/remove new items.

Input
-
Output	JSX.Element

getReferencedModelDataItem()

Input
parameterName	string
Output

<ObjectForm />

Component to render a parameter that holds an object

This is simply a wrapper around another SimplifiedSchemaForm where the onChange and values are slightly different

Input
-
Output	JSX.Element

<ReferenceInput />

This component renders an input to select an item to reference from another model (or multiple)

Input
-
Output	JSX.Element

renderParameterTitle()

Input
-
Output	JSX.Element

🔹 ReferencedModelDataItem

Properties:

Name	Type	Description
data (optional)	array
isLoading (optional)	boolean
parameterName	string
dataParameterName (optional)	string
descriptor (optional)	string
keyInModel (optional)	string
interfaceName (optional)	string
isReferenceMultipleParameter	boolean
isReferenceSingleParameter	boolean
isReferenceParameter	boolean

🔹 ReferenceItem

Properties:

Name	Type	Description
id	string
slug (optional)	string
name (optional)	string
categoryStackCalculated (optional)	array

🔹 ReferenceItemsObject

Properties:

Name	Type	Description
data (optional)	array
isLoading (optional)	boolean

📄 ArrayForm (exported const)

Component to render a parameter that holds an array

This is simply a wrapper around another

SimplifiedSchemaForm

Recursive component that renders a form for a SimplifiedSchema

SimplifiedSchemaForm where the onChange and values are slightly different

This component renders a

SimplifiedSchemaForm

Recursive component that renders a form for a SimplifiedSchema

SimplifiedSchemaForm for every item in the array, and adds buttons to insert/remove new items.

📄 getReferencedModelDataItem (exported const)

📄 ObjectForm (exported const)

Component to render a parameter that holds an object

This is simply a wrapper around another SimplifiedSchemaForm where the onChange and values are slightly different

📄 ReferenceInput (exported const)

This component renders an input to select an item to reference from another model (or multiple)

📄 renderParameterTitle (exported const)