@axdspub/axiom-ui-forms 0.1.0

package/src/state/formAtom.ts

@@ -0,0 +1,21 @@
+import { type IForm } from '@/Form/FormCreatorTypes'
+import testForm from '@/Form/testData/nestedForm.json'
+import { base64ToJson, getQueryParam, jsonToBase64, updateUrlParam } from '@/helpers'
+import { atom } from 'jotai'
+
+const exampleForm = structuredClone(testForm)
+
+const urlArg = 'form'
+const base64String = getQueryParam(urlArg)
+const baseFormAtom = atom<IForm>((base64String !== null ? base64ToJson<IForm>(base64String) : exampleForm) as any as IForm)
+const formAtom = atom(
+  (get) => {
+    return get(baseFormAtom)
+  },
+  (get, set, newForm: IForm) => {
+    updateUrlParam(urlArg, jsonToBase64<IForm>(newForm))
+    set(baseFormAtom, newForm)
+  }
+)
+
+export default formAtom

package/src/state/formMappingAtom.ts

@@ -0,0 +1,21 @@
+import { type IFormMapping } from '@/Form/FormMappingTypes'
+import { base64ToJson, getQueryParam, jsonToBase64, updateUrlParam } from '@/helpers'
+import { atom } from 'jotai'
+
+const urlArg = 'mapping'
+const base64String = getQueryParam(urlArg)
+const baseFormMappingAtom = atom<IFormMapping>(base64String !== null ? base64ToJson<IFormMapping>(base64String) : { fields: {}, $targetSchema: '' })
+const formMappingAtom = atom(
+  (get) => {
+    return get(baseFormMappingAtom)
+  },
+  (get, set, newFormMapping: IFormMapping) => {
+    /* const u = new URL(window.location.href)
+    u.searchParams.set(urlArg, jsonToBase64<IFormMapping>(newFormMapping))
+    window.history.replaceState({}, '', u.toString()) */
+    updateUrlParam(urlArg, jsonToBase64<IFormMapping>(newFormMapping))
+    set(baseFormMappingAtom, newFormMapping)
+  }
+)
+
+export default formMappingAtom

package/src/state/formValuesAtom.ts

@@ -0,0 +1,22 @@
+import { type IFormValues } from '@/Form/FormCreatorTypes'
+import { base64ToJson, getQueryParam, jsonToBase64, updateUrlParam } from '@/helpers'
+import { atom } from 'jotai'
+
+const urlArg = 'values'
+const base64String = getQueryParam(urlArg)
+
+const baseFormValuesAtom = atom<IFormValues>(base64String !== null
+  ? base64ToJson<IFormValues>(base64String)
+  : {}
+)
+const formValuesAtom = atom(
+  (get) => {
+    return get(baseFormValuesAtom)
+  },
+  (get, set, newFormValues: IFormValues) => {
+    updateUrlParam(urlArg, jsonToBase64<IFormValues>(newFormValues))
+    set(baseFormValuesAtom, newFormValues)
+  }
+)
+
+export default formValuesAtom

package/src/types/generate-schema.d.ts

@@ -0,0 +1,8 @@
+declare module 'generate-schema' {
+  interface Schema {
+    json: (name: string, obj: unknown) => unknown
+  }
+
+  const GenerateSchema: Schema
+  export default GenerateSchema
+}

package/tailwind.config.js

@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './src/**/*.{js,jsx,ts,tsx}',
+    './node_modules/@axdspub/**/*.{js,jsx,ts,tsx}'
+  ],
+  theme: {
+    extend: {}
+  },
+  plugins: []
+}

package/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react",
+    "typeRoots": [
+      "./node_modules/@types",
+      "./src/types"
+    ]
+  },
+  "include": [
+    "src",
+    "rollup.config.mjs"
+  ],
+  "extends": "./tsconfig.paths.json"
+}

package/tsconfig.paths.json

@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "paths": {
+            "@/*": [
+                "./src/*"
+            ],
+            "@Components/*": [
+                "./src/Components/*"
+            ],
+            "@State/*": [
+                "./src/State/*"
+            ],
+            "*": [
+                "./src/@custom_types/*"
+            ]
+        }
+    }
+}