@axdspub/axiom-ui-forms 0.1.3 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axdspub/axiom-ui-forms",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "private": false,
   "main": "./library/index.js",
   "module": "./library/index.js",
@@ -42,7 +42,7 @@
   },
   "scripts": {
     "start": "set PORT=3080 && craco start ",
-    "build": "craco build",
+    "build": "craco build && npx typedoc src/library.ts --out build/docs",
     "test": "craco test",
     "eject": "react-scripts eject",
     "clean": "rimraf library",
@@ -97,6 +97,7 @@
     "eslint-plugin-react": "^7.33.2",
     "tailwindcss": "^3.3.3",
     "ts-node": "^10.9.1",
+    "typedoc": "^0.27.7",
     "web-vitals": "^2.1.4",
     "webpack": "^5.88.2"
   }

package/src/Form/Components/FieldCreator.tsx

@@ -91,7 +91,7 @@ const OneOfMultiple = ({
           value={value}
           onChange={(v) => {
             const newValues = [...values]
-            newValues[index] = String(v)
+            newValues[index] = v as IValueType
             onChange(newValues)
           }}
         />

package/src/Form/SchemaToForm.tsx

@@ -55,7 +55,7 @@ const validateAgainstSchema = (schema: JSONSchema7, formValues: IFormValues): st
   return undefined
 }
 
-const makeId = (options: Array<string | number | undefined | null>): string => {
+const makeFormFieldId = (options: Array<string | number | undefined | null>): string => {
   const validOptions = options.filter((o) => o !== undefined && o !== null)
   if (validOptions.length === 0) {
     return crypto !== undefined ? crypto.randomUUID() : Math.random().toString(36).substring(2)
@@ -144,7 +144,7 @@ const schemaToFormField = (schema: JSONSchema7, property: string, multiple?: boo
     return schemaToFormField(schema.items as JSONSchema7, property, true)
   }
   const type = getFieldType(schema)
-  const id = makeId([
+  const id = makeFormFieldId([
     schema.$id,
     property,
     schema.title?.toLowerCase().replace(' ', '-')
@@ -214,7 +214,7 @@ export const schemaToFormObject = (schema: JSONSchema7): IForm => {
     }
   }
   return {
-    id: makeId([schema.$id, schema.title?.toLowerCase().replace(' ', '-')]),
+    id: makeFormFieldId([schema.$id, schema.title?.toLowerCase().replace(' ', '-')]),
     label: schema.title ?? 'Untitled',
     fields: formFields
   }