feat: Provide identityForm context in identityForm component

Author: tacxou

src/components/identityForm/index.vue

@@ -74,6 +74,8 @@ const identity = ref<Identity>(props.identity)
 const tabs = ref(props.identity?.additionalFields?.objectClasses ?? [])
 const validations = ref<Record<string, unknown> | null>(props.identity?.additionalFields?.validations ?? {})
 
+provide('identityForm', identity)
+
 watch(() => props.identity, () => {
   identity.value = props.identity
   tabs.value = props.identity?.additionalFields?.objectClasses ?? []

src/components/jsonFormRendererApi.vue

@@ -25,6 +25,8 @@ import { QuasarJsonformRenderer } from './quasar-jsonform';
 import { computed, provide, ref } from 'vue';
 import { useFetch } from 'nuxt/app';
 import type { ErrorObject } from 'ajv';
+import type { components, operations } from '#build/types/service-api'
+type Identity = components['schemas']['IdentitiesDto'] & { _id: string }
 
 const customStyle = mergeStyles(defaultStyles, {
   control: {
@@ -95,11 +97,20 @@ const { data: result, pending, error, refresh } = await useHttp<any>(`/managemen
   method: 'GET',
 });
 
+const identityForm = inject('identityForm') as Ref<any>;
+const identityFormDebounced = refDebounced(identityForm, 10000, {
+  rejectOnCancel: true,
+});
+
 const { data: resultUi, pending: pendingUi, error: errorUi, refresh: refreshUi } = await useHttp<any>(`/management/identities/jsonforms/${props.schemaName}`, {
-  method: 'GET',
+  method: 'POST',
   params: {
     mode,
   },
+  query: {
+    mode,
+  },
+  body: identityFormDebounced,
 });
 
 // const schema = ref({ ...result.value.data });